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

function replaceClass(cFind, cReplace, tag){
	var el = document.getElementById("nav").getElementsByTagName(tag);
	for (var i=0; i<el.length; i++) {
		if(el[i].className!=null){
			el[i].className=el[i].className.replace(new RegExp(cFind+"\\b"), cReplace);	
		}
	}
}


//if (window.attachEvent) window.attachEvent("onload", sfHover);
//firefox
if (window.addEventListener){
	window.addEventListener("DOMContentLoaded",sfSelected, false);
	//window.addEventListener("load",sfHover, false);
	window.addEventListener("load",sfSelected, false);
}
//IE
else if (window.attachEvent){
	window.attachEvent("onload",sfHover);
}
//setTimeout(aaa,100);