$(document).ready(function(){
	
	//When mouse rolls over Row1
	$("#box1").mouseover(function(){
		$(this).stop().animate({top:'0px',  height:'250px'},{queue:false, duration:0})
	});

	$("#box2").mouseover(function(){
		$(this).stop().animate({top:'0px', height:'250px'},{queue:false, duration:0})
	});
	
	$("#box3").mouseover(function(){
		$(this).stop().animate({top:'0px', height:'250px'},{queue:false, duration:0})
	});
	
	$("#box4").mouseover(function(){
		$(this).stop().animate({top:'0px', height:'250px'},{queue:false, duration:0})
	});
	
	$("#box5").mouseover(function(){
		$(this).stop().animate({top:'0px', height:'250px'},{queue:false, duration:0})
	});

	//When mouse rolls over Row 2
	$("#box6").mouseover(function(){
	$(this).stop().animate({height:'250px'},{queue:false, duration:0})
	});
	
	$("#box7").mouseover(function(){
	$(this).stop().animate({height:'250px'},{queue:false, duration:0})
	});
	
	$("#box8").mouseover(function(){
	$(this).stop().animate({height:'250px'},{queue:false, duration:0})
	});
	
	$("#box9").mouseover(function(){
	$(this).stop().animate({height:'250px'},{queue:false, duration:0})
	});
	
	$("#box10").mouseover(function(){
	$(this).stop().animate({height:'250px'},{queue:false, duration:0})
	});
		
	//When mouse is removed
	$(".aRow1").mouseout(function(){
		$(this).stop().animate({top:'228px', height:'22px'},{queue:false, duration:0, easing: 'easeOutBounce'})
	});

	$(".aRow2").mouseout(function(){
		$(this).stop().animate({height:'22px'},{queue:false, duration:0, easing: 'easeOutBounce'})
	});
	
});