$(document).ready(function(){

	// layout
	$("body").removeClass("nojs"); $("body").addClass("js");
	// add photo nav
	$("div#logo").after("<ul id='nav'><li id='prev'><a><img src='img/arrow-left.png' height='17' width='9' alt='Previous photo' /></a></li><li id='next'><a><img src='img/arrow-right.png' height='17' width='9' alt='Next photo' /></a></li></ul>");
	$("ul#nav").hide();

	// photo tagging
	$("dt").next("dd").addClass("first");
	$("dt").prev("dd").addClass("last");
	$("dd:last").addClass("last");
//	$("dd:visible").addClass("on");
	
	/* SITE NAV */
	$("dt").click(function(){
		$("#prev").hide("slow");
		$("ul#nav").show("slow");			   
		$("#next").show("slow");
		$("dd.on").animate({opacity: "hide"}, "slow");
		$("dd.on").removeClass("on");
		$("dt.active").siblings("dd").removeClass("on");
		$("dt.active").removeClass("active");
		$(this).addClass("active");
		$("dt.active").next("dd").addClass("on");
		$("dt.active").next("dd").animate({opacity: "show"}, "slow");		
	});

 	/* PHOTO NAV */
	$("#next").click(function(){
		if ($("#prev").is(":hidden")) {
			$("#prev").show("slow");
		};
	    if ($("dd:visible").next("dd").is(".last")) {
			$("#next").hide("slow");
        };			
		$("dd.on").next("dd").animate({opacity: "show"}, "slow");
		$("dd.on").animate({opacity: "hide"}, "fast");
		$("dd:visible").addClass("on");
		$("dd:visible").prev("dd").removeClass("on");	
	});

 	$("#prev").click(function(){
		if ($("#next").is(":hidden")) {
			$("#next").show("slow");
		};		
	    if ($("dd:visible").prev("dd").is(".first")) {
			$("#prev").hide("slow");
		};
		$("dd.on").prev("dd").animate({opacity: "show"}, "slow");
		$("dd.on").animate({opacity: "hide"}, "fast");
		$("dd:visible").addClass("on");
		$("dd:visible").next("dd").removeClass("on");	
	});
	
	// splash photo
	$("dd.on").animate({opacity: "show"}, "slow");
	

});