// JavaScript Document

// A bit long-winded and kludgy... needs more work

	$(document).ready(function(){

		$("img.full").fadeTo(0, 0.0); 				// Blank fulls on page load
		
		$("#thumb1").hover(function(){
			$("#mainPic").fadeTo("slow", 0); 			// Fade out old full
			$("#full1").fadeTo("slow", 1.0); 		// Fade in new full
			},function(){
			$("#full1").fadeTo("slow", 0.0); 		// Reverse previous
			$("#mainPic").fadeTo("slow", 1.0); 		// Reverse previous
		});

		$("#thumb2").hover(function(){
			$("#mainPic").fadeTo("slow", 0); 			// Fade out old full
			$("#full2").fadeTo("slow", 1.0); 		// Fade in new full
			},function(){
			$("#full2").fadeTo("slow", 0.0); 		// Reverse previous
			$("#mainPic").fadeTo("slow", 1.0); 		// Reverse previous
		});

		$("#thumb3").hover(function(){
			$("#mainPic").fadeTo("slow", 0); 			// Fade out old full
			$("#full3").fadeTo("slow", 1.0); 		// Fade in new full
			},function(){
			$("#full3").fadeTo("slow", 0.0); 		// Reverse previous
			$("#mainPic").fadeTo("slow", 1.0); 		// Reverse previous
		});

		$("#thumb4").hover(function(){
			$("#mainPic").fadeTo("slow", 0); 			// Fade out old full
			$("#full4").fadeTo("slow", 1.0); 		// Fade in new full
			},function(){
			$("#full4").fadeTo("slow", 0.0); 		// Reverse previous
			$("#mainPic").fadeTo("slow", 1.0); 		// Reverse previous
		});

	});	

