// JavaScript Document


$(function(){

	goStart();
	
	function goStart(){ 
				
		topSrc = $("#topPicture").attr("src");
		topTitle = $("#topPicture").attr("alt");
				
		$("#mainPicture").attr("src",topSrc).fadeIn("slow");
		$("#titleBox").html(topTitle);
				 				
	}
		
			 
	$("div.thumbnail img").click(
	
		function(){ 
				 
			var originalSrc = $(this).attr("src");
			var originalTitle = $(this).attr("alt");
				 
			$("#mainPicture").fadeOut("fast",
				 
				function() {
						 
					$(this).attr("src", originalSrc);
					$(this).fadeIn("slow");
				}
							 
			);
				 
				 
		$("#titleBox").html(originalTitle);
				  
		}
	
	); 
	
	
	 
	 				 
	$("div.thumbnail img").hover(
	    
		function(){$(this).css("opacity", "0.6"); },
		function(){$(this).css("opacity", "1"); }
			
	);		 

  
	

});