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