jQuery(function() {
		// set opacity to nill on page load
		jQuery("ul#menu span").css("opacity","0");
		// on mouse over
		jQuery("ul#menu span").hover(function () {
			// animate opacity to full
			jQuery(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			if (jQuery(this).hasClass('active')) {
			}
			else 
			{
			jQuery(this).stop().animate({
				opacity: 0
			}, "slow");
			
			}
			
			// set active page to 100% opacity reguardless of mouse over events
			//jQuery("ul#menu li span.active").hover("opacity","1");
			
		});
		
		jQuery("ul#menu li span.active").css("opacity","1");

	});