$(document).ready(function(){
         $('#top-left').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '171px', 'left' : '300px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		  $('#top-center').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '171px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '40px', 'left' : '0px'}, 500);});
		 $('#top-center2').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '171px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '40px', 'left' : '0px'}, 500);});
		 $('#top-center3').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '171px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '40px', 'left' : '0px'}, 500);});
		 $('#top-center4').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '171px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '40px', 'left' : '0px'}, 500);});
		 $('#top-right').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '171px','left' : '-300px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '40px', 'left' : '0px'}, 500);});
});