var currentIndex = 0;
var fadeTime = 1000;
var delayTime = 5000;
var images;

function showBanner(index) {
	
	var html;
	
	//console.log("manual show banner " + index);
	
	$("#banner").clearQueue();
	
	//var items = $("#banner").queue().length;
	//console.log("cleared queue, length = " + items);
	
	$("#banner_buffer").html(getCurrentHTML());
	$("#banner_buffer").show();
	$("#banner").hide();
	
	currentIndex = index;
	
	$("#banner").html(getCurrentHTML());
	
	updateNavigationSelection();

	$("#banner").fadeIn(500);
				
	setTimeout("rotateBanner()", delayTime * 2);
}
		
function rotateBanner() {
	
	if(!images) {
		return;
	}
		
	var html;
	var isFirst = false;
	
	if(currentIndex == 0) {	
		isFirst = true;
	} else {						
		$("#banner_buffer").html(getCurrentHTML());
		$("#banner_buffer").show();
		$("#banner").hide();
		$("#banner_nav").fadeOut(100);
	}
	
	currentIndex++;
	
	if(currentIndex >= images.length) {					
		currentIndex = 1;
	}
	
	html = getCurrentHTML();
	
	//console.log(html);
																					
	$("#banner").html(html);
	
	var currentFadeTime = fadeTime;
	if(isFirst) {
		currentFadeTime = 200;
	}
	
	//console.log("fadeIn " + currentFadeTime);
	
	updateNavigationSelection();
		
	$("#banner").fadeIn(currentFadeTime).queue(function () {
		$("#banner_nav").fadeIn(100);
		$(this).dequeue();
	});	
	$("#banner").delay(delayTime).queue(function() {
		rotateBanner();
		$(this).dequeue();
	});
	
	//var items = $("#banner").queue().length;
	//console.log("queue-length = " + items);
}

function updateNavigationSelection() {
	$("#n_1").removeClass("selected");
	$("#n_2").removeClass("selected");
	$("#n_3").removeClass("selected");
	$("#n_4").removeClass("selected");
	$("#n_5").removeClass("selected");
	$("#n_6").removeClass("selected");
	$("#n_7").removeClass("selected");
	$("#n_8").removeClass("selected");
	$("#n_9").removeClass("selected");
	
	$("#n_" + currentIndex).addClass("selected");
}

function getCurrentHTML() {
	var image = images[currentIndex];
	var url = urls[currentIndex];	
	return "<a href=\"" + url + "\"><img src=\"" + image + "\" /></a>";
}


$(document).ready(function() {
	rotateBanner();
});