$(function() {
		// set opacity to nill on page load
		$("ul#Menu span").css("opacity","0");
		// on mouse over
		$("ul#Menu span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, "slow");
	//Didn't work. Will want to revisit. Using body tag for now. 
		// set active page to 100% opacity
	//	$("ul#Menu li span.active").css("opacity","1");

		// set active page to 100% opacity reguardless of mouse over events
	//	$("ul#Menu li span.active").hover("opacity","1");
		},
	
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		
		});
	});