$(document).ready(function() {
	// Add a span to each main menu anchor
	$('ul#mainMenu li a').each( function(){
		$(this).html("<span></span>");
	});

	// set opacity to nill on page load
	$("ul#mainMenu span").css("opacity","0");
	// on mouse over
	$("ul#mainMenu 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");
	});
});