$(document).ready(function(){

//Larger thumbnail preview 

$("#item-area img.effect").hover(function() {
	$(this).css({'z-index' : '10'});
	$(this).addClass("hover").stop()
		.animate({
			marginTop: '-70px', 
			marginLeft: '-80px', 
			top: '50%', 
			left: '50%', 
			width: '125px', 
			height: '100px',
			padding: '10px' 
		}, 200);
	
	} , function() {
	$(this).css({'z-index' : '0'});
	$(this).removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '105px', 
			height: '80px', 
			padding: '0'
		}, 400);
});

});