$(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);});
		  $('.wrap').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '70px'}, 500);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		 $('#bottom-center').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '-150px'}, 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);});
});