var current = -1;
var over = false;
var size = 0;
var timeoutId ;
var fadeDuration = 200;
var menuColours = ['#6B9C25', '#B06A17', '#891D48', '#581F85', '#1D2085', '#235D86', '#2A7671'];
function setOver(bool){
	if (over && (!bool)){
		clearTimeout(timeoutId);
		timeoutId  = setTimeout("next()", 6000);
	}
	over = bool;
}
function next(){
	if(!over){
		show((current+1==size)?0:current+1);
	}
	timeoutId  = setTimeout("next()", 6000); 
}
function show(x){
	if (x != current){
		var previous = current;
		current = x;
		fadeout(previous);
		fadein(current);
		unhighlightMenu(previous);
		highlightMenu(current);
	}
}
function fadeout(x){
	//$(".previewViews > div:eq("+x+")").fadeOut(fadeDuration, function () {});
	$(".previewViews > div").eq(x).fadeOut(fadeDuration, function () {});

}
function fadein(x){
	//$(".previewViews > div:eq("+x+")").fadeIn(fadeDuration, function () {});
	$(".previewViews > div").eq(x).fadeIn(fadeDuration, function () {});
}
function highlightMenu(x){
	//$(".previewLinks > ul > li a:eq("+x+")").addClass("previewMenuSelected").removeClass("previewMenuUnselected");
	$(".previewLinks > ul > li a").eq(x).addClass("previewMenuSelected").removeClass("previewMenuUnselected");
}
function unhighlightMenu(x){
	//$(".previewLinks > ul > li a:eq("+x+")").removeClass("previewMenuSelected").addClass("previewMenuUnselected");
	$(".previewLinks > ul > li a").eq(x).removeClass("previewMenuSelected").addClass("previewMenuUnselected");
}
function colourMenuItems(){
	//$(".previewLinks").hide();
	$(".previewLinks > ul > li").each( function(i){
		$(this).css({background:(menuColours[i % (menuColours.length)])});
	});
	//$(".previewLinks").show();
}
//colourMenuItems();  //do it now so that user doesn't see it happen, and also in the ready function just in case 

$(document).ready(function(){
	//colourMenuItems();
	size = $(".previewLinks > ul > li").size();
	$(".previewLinks > ul > li a").mouseout(function(e){
		setOver(false);
	});
	$(".previewLinks > ul > li a").mouseover(function(e){
		//var i = $(".previewLinks > ul > li").index($(this).parent("li"));
		var i = $(".previewLinks > ul > li").index(this.parentNode);
		if (i>=0){
			show(i);
			setOver(true);
		}
	});
	next();
});