$(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");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});
	$('#menu li a').hover(function() {
	
		// Stuff that happens when you hover on + the stop()
		$('ul#menu span', this).stop().animate({
			'opacity': 1
			}, 700)
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('ul#menu span', this).stop().animate({
			'opacity': 0
			}, 700)
	
	})