// http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/
$(document).ready(function() {

    //Larger thumbnail preview 
    $("ul.thumb li").hover(function() {
        $(this).css({ 'z-index': '10' });
        $(this).find('img').addClass("hover").stop()
	        .animate({
	            marginTop: '-350px',
	            marginLeft: '-200px',
	            top: '50%',
	            left: '50%',
	            width: '400px',
	            height: '300px',
	            padding: '0px',
	            opacity: '1.0'
	        }, 500);

    }, function() {
        $(this).css({ 'z-index': '0' });
        $(this).find('img').removeClass("hover").stop()
	        .animate({
	            marginTop: '0',
	            marginLeft: '0',
	            top: '0',
	            left: '0',
	            width: '113px',
	            height: '85px',
	            padding: '0px',
	            opacity: '0.3'
	        }, 700);
    });

});