$(document).ready(function(){

		  $('#spot1').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '220px'}, 300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		 
		 $('#spot2').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '220px'}, 300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		 
		  $('#spot3').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '220px'}, 300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		  
		  $('#spot4').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '220px'}, 300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		  
		  $('#spot5').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '220px'}, 300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		  
		  $('#spot6').hover(function(){
		         $(this).children('.front').stop().animate({'top' : '220px'}, 300);
		 }, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
		  
});