$(document).ready(function(){
	
	$(".slideshow li:not(:first)").hide();
	
	$(".slideshow").before("<div id='switcher'></div>");

	$(".slideshow img, .slideshow, #switcher")
	.css("float", "left");
	
	$(".slideshow li").each(function(i){
		this.className = i;
		$("#switcher").append("<p class='" + i +"'>" + (i + 1) + "</p>");
		
		$("#switcher p:first").addClass("selected");
		$("#switcher p:not(:first)").addClass("notselected");
		
		$("#switcher ." + i).mouseover(function(){
			$(".slideshow li:visible").hide();
			$(".slideshow ." + i).show();
			$("#switcher p").addClass("notselected");
			this.className="selected";
		});
	});
});