var bannerTimeInterval = 15000;
var speed = 'fast';
var interval;
var imageDirPath = '/Filestore/Home/';
var imageUrl;
var isMouseOn = false;

$(function() {
	$("#bannermenu li").eq(0).addClass("active");
	$("#bannermenu li").mouseover(function() {
			isMouseOn = true;
			clearInterval(interval);
			showItem(this);
		});

	$("#bannerarea").mouseover(function() {
			clearInterval(interval);
		});
		
	$("#bannerarea").mouseout(function() {
			isMouseOn = false;
			interval = setInterval('showItemOnTimer()', bannerTimeInterval);
		});
	
	for(i = 0; i < $("#bannermenu li").length; i++)
	{
		var img = $("#bannermenu li").eq(i).find('a').attr("path");
		
		$("<img>")
			.attr("src", imageDirPath + img);
	}
	
	interval = setInterval('showItemOnTimer()', bannerTimeInterval);
});

function showItemOnTimer() {
	var currentItem = $("#bannermenu li.active");
	
	currentItem = currentItem.next().length == 0 ? currentItem.parent().children().eq(0) : currentItem.next();
		showItem(currentItem);
}

function showItem(item) {
	if(item == $("#bannermenu li.active"))
		return;
		
	$("#bannermenu li.active").removeClass("active");
	$(item).addClass("active");
	imageUrl = $(item).find('a').attr('path');
	$("#bannerimg img").attr("src", imageDirPath + imageUrl );
	$("#bannerimg a").attr("href",  $(item).find('a').attr('href'));
	
	var speedSave = speed;
	if(isMouseOn)
		speed = 0;
		
	$("#bannerimg img").fadeIn(speed, callback_showItem);
	
	if(isMouseOn)
		speed = speedSave;
}

function callback_showItem() {
	$("#bannerimg a").css("background", 'url(/Filestore/Home/' + imageUrl + ')');
	setTimeout('$("#bannerimg img").hide()', 100);

}