/**
 * Initalize banner animation
 *
 * @param obj $ jQuery object
 */
function banner_init()
{
	var cur_ban = 0;
	var images  = $('#preloader>img').size();
	var curimg  = 0;

	function start_banner() {
		$('#banner').css('background-image', 'none');
		show_banner(cur_ban);
		window.setInterval(function() {
			cur_ban += 1;
			if (cur_ban > images-1) {
				cur_ban = 0;
			}
			show_banner(cur_ban);
		}, 3500);
	}

	function show_banner(num) {
		conlog('show_banner('+num+')');
		var ban = '#banner-'+num;
		//var per = Math.floor(Math.random() * 50) + 50;
		per = 50;
		$(ban+'>div.last').css({backgroundPosition:'0% '+per+'%'});
		$('#banner>div.wrap:visible').fadeOut('medium');
		$(ban).fadeIn('medium');
	}

	// start banner when all images have been preloaded
	$('#preloader>img').load(function() {
		curimg++;
		if (curimg >= images) {
			start_banner();
		}
	});

	// auto-trigger banner if load() function does not work
	window.setTimeout(function() {
		if (curimg == 0) {
			conlog('autostart!');
			start_banner();
		}
	}, 2500);
}