$(document).ready(function(){

	$("ul#thumbs li a").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).addClass("active").stop()
			.animate({
				marginTop: '-177px',
				marginLeft: '-140px',
				top: '50%',
				left: '50%',
				width: '280px',
				height: '320px'
			}, 400);
	} , function() {
		$(this).css({'z-index' : '0'});
		$(this).stop().animate({
				marginTop: '0',
				marginLeft: '0',
				top: '0',
				left: '0',
				width: '230px',
				height: '240px'
			}, 400,function(){
				$(this).removeClass("active");
			});
	});

});