$(document).ready(function(){

//Larger thumbnail preview 


$("ul.thumb p").hover(function() {
	//$(this).css({'z-index' : '0'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-20px', 
			marginLeft: '0px',
		//	top: '50%', 
		//	left: '50%', 
		//	width: '174px', 
		//	height: '174px',
		//	padding: '20px' 
		//	marginTop: '-13px', 
		//	marginLeft: '2px',
			top: '0px', 
			left: '0px', 
			width: '118px', 
			height: '95px'
		}, 200);
	
	} , function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0px', 
			marginLeft: '0px',
			top: '0px', 
			left: '0px', 
			width: '118px', 
			height: '95px',
			padding: '0px'
		}, 400);
});

//Swap Image on Click
	$("ul.thumb p a").click(function() {
		
		var changedImage = $("#main_view td img").attr("src");
		var mainImage = $(this).attr("href"); //Find Image Name
		var idImage = $(this).attr("id"); //Find Image Id
		 //document.write(idImage);
		$("#main_view td img").attr({ src: mainImage });
		$("ul.thumb #"+idImage+" a").attr({ href: changedImage });
		$("ul.thumb #"+idImage+" img").attr({ src: changedImage });
		
		return false;		
	});
 
});
