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