var Timer = null;
var SlideCount = 0;
var CurrentSlide = -1;
var Delay = 4000;
SetUpSlides = function(){
	var i = SlideCount;
	CurrentSlide = (++CurrentSlide >= SlideCount)?0:CurrentSlide;
	//hide the not current slides
	while(i--){
		if(i==CurrentSlide){
			document.getElementById("slide"+i).className = "ovr_recommended_toggle_on";
			document.getElementById("bt"+i).className = "highlight";
		}else{
			document.getElementById("slide"+i).className = "ovr_recommended_toggle_off";
			document.getElementById("bt"+i).className = "no_highlight";
		}
	}
	if(Timer==null){Timer = setInterval(function(){SetUpSlides();}, Delay );}
};
onload = function(){
	//figure out how many we have
	var Divs = document.getElementById("overview_slides").getElementsByTagName("div");
	var i = Divs.length;
	SlideCount = 0;
	while(i--){if(String(Divs[i].id).indexOf("slide")!=-1){SlideCount+=1;}}
	//set up event handlers for the buttons
	var Button, Slide;
	i = SlideCount;
	while(i--){
		Button = document.getElementById("bt"+i);
		Button.onmouseover = function(){
			//clearInterval(Timer);
			//Timer = null;
			if(Timer){clearInterval(Timer);Timer=null;}
			var j = SlideCount;
			while(j--){
				document.getElementById("slide"+j).className = "ovr_recommended_toggle_off";
				document.getElementById("bt"+j).className = "no_highlight";
			}
			CurrentSlide = parseInt(String(this.id).substr(2));
			document.getElementById("slide"+CurrentSlide).className = "ovr_recommended_toggle_on";
			document.getElementById("bt"+CurrentSlide).className = "highlight";
			
		};
		Button.onmouseout = function(){
			//var j = SlideCount;
			//while(j--){document.getElementById("Slide"+j).className = "SlideHidden";}
			//SetUpSlides();
			if(Timer){clearInterval(Timer);Timer=null;}
			//Timer = setInterval(function(){SetUpSlides();}, Delay );
		};
		Slide = document.getElementById("slide"+i);
		Slide.onmouseover = function(){
			if(Timer){clearInterval(Timer);Timer=null;}
			//Timer=null;
		};
		Slide.onmouseout = function(){
			if(Timer){clearInterval(Timer);Timer=null;}
			//clearInterval(Timer);
			//Timer = setInterval(function(){SetUpSlides();}, Delay );
		};
	}
	SetUpSlides();
};
onunload = function(){
	var Button, Slide;
	var i = SlideCount;
	while(i--){
		Button = document.getElementById("bt"+i);
		Button.onmouseover = null;
		Button.onmouseout = null;
		Slide = document.getElementById("slide"+i);
		Slide.onmouseover = null;
		Button.onmouseout = null;
	}
};