$(document).ready(function() {
	$("#thumbnails > div").filter(":last").addClass("lastslide");
	$("#thumbnails > div").filter(":first").addClass("firstslide");
	var slidetimer;
	$("#thumbnails div a").click(function(){
		$(this).parent().click();
		return false;
	});
	$("#thumbnails div").click(function () {
		clearTimeout(slidetimer);
		switchto($(this));
		slidetimer=setTimeout(playslideshow, 10000);//throw back into loop after 10s
	});
	function switchto(obj){
		for(var i=0; i<10&&!obj.html(); i++){
			obj=obj.next();
		}
		$("#thumbnails .active").removeClass('active');
		obj.addClass('active');
		var htmlString=obj.html();
		$("#slideshow").stop().animate({opacity: 0}, 500, 'swing', function(){
			$("#slideshow").html(htmlString);
			$("#slideshow").animate({opacity: 1}, 500, 'swing');
		});


	}
	function startslideshow(){
		switchto($("#thumbnails .active"));
		slidetimer=setTimeout(playslideshow, 4000);
	}
	function playslideshow(){
		if($("#thumbnails .active").hasClass("lastslide")){
			switchto($("#thumbnails .firstslide"));
		}else{
			switchto($("#thumbnails .active").filter("div").next());
		}
		slidetimer=setTimeout(playslideshow, 4000);
	}
	startslideshow();
});