$(document).ready(function(){  			  
	
	$('#Pawn1').animate({marginTop:'100px', opacity: '1'},500);
	$('#Pawn2').delay(500).animate({marginTop:'45px', opacity: '1'},500);
	$('#Pawn3').delay(750).animate({marginTop:'45px', opacity: '1'},500);
	$('#Pawn4').delay(1000).animate({marginTop:'100px', opacity: '1'},500);
	
	//Bouncing off..
	$("#Pawn1").hover(function(){
		$("#Pawn1").animate({marginTop:'90px'},200, function(){			
			$("#Pawn1").animate({marginTop:'100px'},200);
		});
	});	
	$("#Pawn2").hover(function(){
		$("#Pawn2").animate({marginTop:'35px'},200, function(){			
			$("#Pawn2").animate({marginTop:'45px'},200);
		});
	});
	$("#Pawn3").hover(function(){
		$("#Pawn3").animate({marginTop:'35px'},200, function(){			
			$("#Pawn3").animate({marginTop:'45px'},200);
		});
	});
	$("#Pawn4").hover(function(){
		$("#Pawn4").animate({marginTop:'90px'},200, function(){			
			$("#Pawn4").animate({marginTop:'100px'},200);
		});
	});
	  
});