// Navigation Hover Effect

var Header = {
// Let's write in JSON to make it more modular
	addFade : function(selector){
		$("<span class=\"fake-hover\"></span>").css("display","none").prependTo($(selector));
		// Safari dislikes hide() for some reason
		$(selector+" a").bind("mouseenter",function(){
			$(selector+" .fake-hover").fadeIn(300);
		});
		$(selector+" a").bind("mouseleave",function(){
			$(selector+" .fake-hover").fadeOut(300);
		});
	}
};

$(function(){
	Header.addFade("#national");
	Header.addFade("#memserv");
	Header.addFade("#community");
	Header.addFade("#gallery");
	Header.addFade("#history");
	Header.addFade("#aboutus");
	Header.addFade("#contact");
	// This makes sure our function executes when the pages load
	// It will add a fake hove to the elements
});