$(document).ready(function(){
	
	//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
	
	//Remove outline from links
	$("#test a").click(function(){
		$(this).blur();
	});
	
	//When mouse rolls over
	$("#test li").mouseover(function(){
		$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	$(" li.yellow").mouseover(function(){
		$(this).stop().animate({height:'300px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	$(" li.red").mouseover(function(){
		$(this).stop().animate({height:'220px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	$(" li.blue").mouseover(function(){
		$(this).stop().animate({height:'200px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	$(" li.purple").mouseover(function(){
		$(this).stop().animate({height:'220px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	$(" li.green").mouseover(function(){
		$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	//When mouse is removed
	$("#test li").mouseout(function(){
		$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
});