$(document).ready(function() {
	
	//On Hover Over
	function categoryHoverOver(){
		$(this).find("span.text").stop().fadeTo('fast', 1).show(); //Find img and fade it in
	}
	//On Hover Out
	function categoryHoverOut(){
		$(this).find("span.text").stop().fadeTo('fast', 0, function() { //Fade to 0 opactiy
			$(this).find("span.text").hide();  //after fading, hide it
		});
	}
	
	$("a.category span.text").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default
	$("a.category").hover(categoryHoverOver, categoryHoverOut); //Trigger Hover intent with custom configurations
	
});