$(document).ready(function(){
	
	//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
	
	
	
	//When mouse rolls over
	$("li.purple").mouseover(function(){
		$(this).stop().animate({height:'175px'},{queue:false, duration:800, easing: 'easeOutBounce'})
	});
	
	$("li.blue, li.red, li.green").mouseover(function(){
		$(this).stop().animate({height:'40px'},{queue:false, duration:800, easing: 'easeOutBounce'})
	});
	
	$("li.orange, li.light_blue").mouseover(function(){
		$(this).stop().animate({height:'130px'},{queue:false, duration:800, easing: 'easeOutBounce'})
	});
	
	//When mouse is removed
	$("li.blue, li.red, li.orange, li.green, li.purple, li.light_blue").mouseout(function(){
		$(this).stop().animate({height:'20px'},{queue:false, duration:800, easing: 'easeOutBounce'})
	});
	
});