sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);





// fade in and out for the navigation sub navs
/*
$(document).ready(function(){
	
	$('#nav_story ul').animate({opacity:0}); // hide the sub nav's. 
	$('#nav_menus ul').animate({opacity:0}); // they fade out on load. TODO

	//Animates the Story nav
	$('#nav #nav_story a').mouseover(function(){
		$('#nav_story ul').stop(); 
		$('#nav_story ul').animate({opacity:1});		
	});	

	$('#nav #nav_story a').mouseout(function(){
		$('#nav_story ul').stop(); 
		$('#nav_story ul').animate({opacity:0});
	});

	//Animates the Menus nav
	$('#nav #nav_menus a').mouseover(function(){
		$('#nav_menus ul').stop(); 
		$('#nav_menus ul').animate({opacity:1});		
	});	

	$('#nav #nav_menus a').mouseout(function(){
		$('#nav_menus ul').stop(); 
		$('#nav_menus ul').animate({opacity:0});
	});
	
});

*/