$(document).ready(function(){
//Animates side navigation///////////////////////////////////////////////////////////////////////////
	$(function() 
	{
		$("#nav1").hover(
			function () 
			{
				$("#navtext1").stop().animate({opacity: 0.3, top: "10%"}, 500);
			},
			function () 
			{
				$("#navtext1").stop().animate({opacity: 1.0, top: "30%"}, 500);	
			}
		);
	});
	$(function() 
	{
		$("#nav2").hover(
			function () 
			{
				$("#navtext2").stop().animate({opacity: 0.3, top: "10%"}, 500);
			},
			function () 
			{
				$("#navtext2").stop().animate({opacity: 1.0, top: "30%"}, 500);
			}
		);
	});
	$(function() 
	{
		$("#nav3").hover(
			function () 
			{
				$("#navtext3").stop().animate({opacity: 0.5, top: "10%"}, 500);
			},
			function () 
			{
				$("#navtext3").stop().animate({opacity: 1.0, top: "30%"}, 500);
			}
		);
	});
	$(function() 
	{
		$("#nav4").hover(
			function () 
			{
				$("#navtext4").stop().animate({opacity: 0.5, top: "10%"}, 500);
			},
			function () 
			{
				$("#navtext4").stop().animate({opacity: 1.0, top: "30%"}, 500);
			}
		);
	});
});