$(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:'139px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//When mouse is removed
	$("li").mouseout(function(){
		$(this).stop().animate({height:'40px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//test
	$(document.getElementById("icon1")).mouseover(function(){
		$(this).stop().animate({height:'100px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
	
	//test
	$(document.getElementById("icon1")).mouseout(function(){
		$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
	
	$(document.getElementById("icon1")).mousedown(function(){
		$('#div0').fadeOut(20);
		$('#div2').fadeOut(20);
		$('#div3').fadeOut(20);
		$('#div4').fadeOut(20);
		$('#div5').fadeOut(20);
		$('#div1').fadeIn(1000);
	});
	
	$(document.getElementById("icon2")).mousedown(function(){
		$('#div0').fadeOut(20);
		$('#div1').fadeOut(20);
		$('#div3').fadeOut(20);
		$('#div4').fadeOut(20);
		$('#div5').fadeOut(20);
		$('#div2').fadeIn(1000);
	});
	
	$(document.getElementById("icon3")).mousedown(function(){
		$('#div0').fadeOut(20);
		$('#div1').fadeOut(20);
		$('#div2').fadeOut(20);
		$('#div4').fadeOut(20);
		$('#div5').fadeOut(20);
		$('#div3').fadeIn(1000);
	});
	
	$(document.getElementById("icon4")).mousedown(function(){
		$('#div0').fadeOut(20);
		$('#div1').fadeOut(20);
		$('#div2').fadeOut(20);
		$('#div3').fadeOut(20);
		$('#div5').fadeOut(20);
		$('#div4').fadeIn(1000);
	});
	
	$(document.getElementById("icon5")).mousedown(function(){
		$('#div0').fadeOut(20);
		$('#div1').fadeOut(20);
		$('#div2').fadeOut(20);
		$('#div3').fadeOut(20);
		$('#div4').fadeOut(20);
		$('#div5').fadeIn(1000);
	});
	
	//test
	$(document.getElementById("icon2")).mouseover(function(){
		$(this).stop().animate({height:'100px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
	
	//test
	$(document.getElementById("icon2")).mouseout(function(){
		$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
		
	//test
	$(document.getElementById("icon3")).mouseover(function(){
		$(this).stop().animate({height:'100px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
	
	//test
	$(document.getElementById("icon3")).mouseout(function(){
		$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
		
	//test
	$(document.getElementById("icon4")).mouseover(function(){
		$(this).stop().animate({height:'100px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
	
	//test
	$(document.getElementById("icon4")).mouseout(function(){
		$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
		
	//test
	$(document.getElementById("icon5")).mouseover(function(){
		$(this).stop().animate({height:'100px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
	
	//test
	$(document.getElementById("icon5")).mouseout(function(){
		$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutElastic'})
	});
	
});