$(document).ready(function(){
         $('#top-left').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '150px', 'left' : '300px'}, 1300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 800);});
		  $('#top-center').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '150px'}, 1300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 800);});
		 $('#bottom-center').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '-150px'}, 1300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 800);});
		 $('#left').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '300px'}, 1300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 800);});
		 $('#right').hover(function(){
		         $(this).children('.front').stop().animate({'left' : '-300px'}, 1300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 800);});
		 $('#top-right').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '150px','left' : '-300px'}, 1300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 800);});
});