var timer = null;
var duration = 5000;
var selectedIndex = 0;
var isMouseIn = false;
var toFade = true;
var links, banners, previousIndex = 0;

function display_banner(index, toAnimate){
	
	clearInterval(timer);
	
	if(banners.eq(index).not(':visible')){
		
		if(toAnimate){
			banners.fadeOut();
			banners.eq(index).stop(true,true);
			if(previousIndex == index){
				banners.eq(index).show();
			} else {
				banners.eq(index).fadeIn();
			}
		} else {
			banners.hide();
			banners.eq(index).show();
			
		}
		
		links.removeClass('highlight');
		if(index-1 != -1){
			links.eq(index-1).addClass('highlight');
		}
		previousIndex = index;
		
	}
	
	if(!isMouseIn){
		selectedIndex++;
	}

	if(selectedIndex == banners.length){
		selectedIndex = 0;
	}

	if(!isMouseIn){
		timer = setInterval('display_banner(selectedIndex, true)', duration);
	}
}

$(document).ready(function(){

	links = $('div#rightMenuDiv ul li');
	banners = $('div#leftMenuImages div');
	
	display_banner(selectedIndex, false);
	
	$('div#rightMenuDiv ul li').mouseenter(function(){
		
		selectedIndex = $(this).index()+1;
		isMouseIn = true;
		display_banner(selectedIndex, true);
		
	}).mouseleave(function(){

		selectedIndex = $(this).index()+1;
		isMouseIn = false;
		display_banner(selectedIndex, false);
		
	});
	
});