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