// NAV: set the “hover” state to be invisible when the page loads
$(document).ready(function() { 
	// set opacity to nill on page load
	$("ul#nav span").css("opacity","0");

	// on mouse over
	$("ul#nav span").hover(function () {
		// animate opacity to full
		$(this).stop().animate({
			opacity: 1
		}, "slow", "linear");
	},

	// on mouse out
	function () {
		// animate opacity to nill
		$(this).stop().animate({
			opacity: 0
		}, "slow", "linear");
	});

});