$(document).ready ( function () {

	var tout;

	function nextSlide(currentSlide)
	{
		currentSlide.css("display", "none");
		var nextBlock = currentSlide.next("div.slide").eq(0);
		if(nextBlock.length == 0) nextBlock = $("div.slide").eq(0);
		nextBlock.css("display", "block");
		
		var currentNum = $("#slideNums li.active");
		currentNum.removeClass("active");
		var nextNum = currentNum.next("li");
		if(nextNum.length == 0) nextNum = $("#slideNums li").eq(0);
		nextNum.addClass("active");
		tout = setTimeout(function () {nextSlide(nextBlock)}, 5000);
	}
	var currSlide = $("div.slide");
	tout = setTimeout(function () {nextSlide(currSlide)}, 5000);
	
	$("li.switcher").click( function () {
		clearTimeout(tout);
		$("div.slide").hide();
		$("li.switcher").removeClass("active");
		$(this).addClass("active");
		
		$("div[name=s" + $(this).attr("name") + "]").show();
		
	});
	
});