// JavaScript Document - SlideShow for DemoWolf
	var slide_speed = 10000; // The slide Show speed in ms
	var slide_nr = 4;  // The number of slides
	

$(document).ready(function(){

	var i = 2;
	var last_slide = "1";
	var myInterval = window.setInterval(function () {
		if (last_slide == slide_nr+1) {last_slide = 1;}
		if (i==slide_nr+1) {i = 1;}

		show_banner = "#sBanner" + i;
		hide_banner = "#sBanner" + last_slide;
		
		selected_control = "#sControl" + i;
		normal_control = "#sControl" + last_slide;

		i++;
		last_slide++;
		
		$(hide_banner).hide();
		$(show_banner).show("fast");

		$(normal_control).removeClass("sControlLinkSelected");
		$(normal_control).addClass("sControlLink");
		
		$(selected_control).removeClass("sControlLink");
		$(selected_control).addClass("sControlLinkSelected");

	},slide_speed);

/*******************************************************  */
//The script that rotates the Control buttons and banner when the user clicks on the controls
/*******************************************************  */

	for(j=1;j<slide_nr+1;j++)
	{
		$("#sControl"+j).click(function(){
			clearInterval(myInterval);
			
				$("#sBannerControls > *").removeClass("sControlLinkSelected");
				$("#sBannerControls > *").addClass("sControlLink");
			
				$(this).removeClass("sControlLink");
				$(this).addClass("sControlLinkSelected");
		
				$(".sBanner").hide();
				//$("#sBanner").show("fast");
				current_control = $(this).attr("id");
				current_banner = "#sBanner" + current_control.split("sControl")[1];
				$(current_banner).show("fast");
		});
	}


});