$(document).ready(function(){
	
	//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
	
	//Remove outline from links
	$("#papa a").click(function(){
		$(this).blur();
	});
	
	//When mouse rolls over Green
	$("#papa #green").mouseover(function(){
		$(this).stop().animate({height:'370px'},{queue:true, duration:600, easing: 'easeOutBounce'})
		$("#papa li").removeClass("active");												 
		$(this).addClass("active");
	});
	
	//When mouse is removed green
	$("#papa #green").mouseout(function(){
		$(this).stop().animate({height:'26px'},{queue:true, duration:600, easing: 'easeOutBounce'})
		$("#papa li").removeClass("active");
	});
	
	//When mouse rolls over yellow
	$("#papa #yellow").mouseover(function(){
		$(this).stop().animate({height:'370px'},{queue:true, duration:600, easing: 'easeOutBounce'})
		$("#papa li").removeClass("active");												 
		$(this).addClass("active");
	});
	
	//When mouse is removed
	$("#papa #yellow").mouseout(function(){
		$(this).stop().animate({height:'26px'},{queue:true, duration:600, easing: 'easeOutBounce'})
		$("#papa li").removeClass("active");
	});
	
	//When mouse rolls over Red
	$("#papa #red").mouseover(function(){
		$(this).stop().animate({height:'370px'},{queue:true, duration:600, easing: 'easeOutBounce'})
		$("#papa li").removeClass("active");												 
		$(this).addClass("active");
	});
	
	//When mouse is removed Red
	$("#papa #red").mouseout(function(){
		$(this).stop().animate({height:'26px'},{queue:true, duration:600, easing: 'easeOutBounce'})
		$("#papa li").removeClass("active");
	});
});