var countOfBanner;
var currentBanner;
var currentImage;
var loadingTimer;
var interval = 6000;


function showBanner(banId, imgId){
	var curLi = $('li.rb-item').eq(banId).children('ul').children().eq(imgId);
	$('#imgsrc').text('img: ' + $(curLi).children('img').attr('src'));
	//alert($(curLi).children('span').html());
	$('#rb-text-holder').html($(curLi).children('span').html());
	//var src = $(curLi).children('img').attr('src');
	
	//loadingTimer = setInterval(cycleBanner, interval);
	
	var oldBg = $('#rottobanner-preview').css('background-image');
	$('#rottobanner-preview div.bg').css('background-image', oldBg.toString());
	$('#rottobanner-preview div.bg').show();
	
	imagePreloader = new Image;
	imagePreloader.src = $(curLi).children('img').attr('src');
	
	
	if (imagePreloader.complete) {
		$('#rottobanner-preview').css('background-image',"url("+ imagePreloader.src + ")");
		$('#rottobanner-preview div.bg').fadeOut(1000,function(){ 
			//loadingTimer = setInterval(cycleBanner, interval);
		});
	} else {
			//$(imagePreloader).unbind().bind('load', function() {
		$('#rottobanner-preview').css('background-image',"url("+ imagePreloader.src + ")");
		$('#rottobanner-preview div.bg').fadeOut(1000,function(){ 
			//loadingTimer = setInterval(cycleBanner, interval);
		});
	}
	
	$('#rottobanner-preview').css('background-image',"url("+ imagePreloader.src + ")");
	//$('#rottobanner-preview').
}

function cycleBanner(){
	clearInterval(loadingTimer);
	
	var curLi = $('li.rb-item').eq(currentBanner);
	var qtyImages = $(curLi).children('ul').children().length;
	
	currentImage = currentImage + 1;
	
	if(currentImage >= qtyImages){
		//currentBanner = (currentBanner + 1) % countOfBanner;
		$('li.rb-item').removeClass('selected');
		$('li.rb-item').eq(currentBanner).addClass('selected');
		currentImage = 0;
	}
	showBanner(currentBanner, currentImage);
	loadingTimer = setInterval(cycleBanner, interval);
	return;
}	

/**
function recycle(){
	setTimeout(currentBanner, interval);
}
*/

$(document).ready(function(){
	currentBanner = 0;
	countOfBanner = $('li.rb-item').size();
	currentImage = -1;
	loadingTimer = setInterval(cycleBanner, 0);
	
	
	$('li.rb-item').click(function(){
		$('li.rb-item').removeClass('selected');
			$(this).addClass('selected');
			
			for(var i=0; i<countOfBanner; i++){
				if($('li.rb-item').eq(i).hasClass('selected')){
					if(i != currentBanner){
						currentBanner = i;
						showBanner(currentBanner, 0)
					}
					break;
				}
			}
	});
	
	/**
	$('li.rb-item').hover(
		function(){
			
		},
		function(){}
	);
	*/
	
	$('#rottobanner-preview').hover(
		function(){
			clearInterval(loadingTimer);
			$('#rb-text').fadeIn();
			$('#rb-prev,#rb-next').show();
		},
		function(){
			clearInterval(loadingTimer);
			loadingTimer = setInterval(cycleBanner, interval);
			$('#rb-text').fadeOut();
			$('#rb-prev,#rb-next').hide();
		}
	);
	
	$('#rb-next a').click(function(){
		var curLi = $('li.rb-item').eq(currentBanner);
		var qtyImages = $(curLi).children('ul').children().length;
		currentImage = (currentImage + 1) % qtyImages;
		showBanner(currentBanner, currentImage);
		return false;
	});
	
	$('#rb-prev a').click(function(){
		var curLi = $('li.rb-item').eq(currentBanner);
		var qtyImages = $(curLi).children('ul').children().length;
		currentImage = (currentImage + 1) % qtyImages;
		showBanner(currentBanner, currentImage);
		return false;
	})
	
});