sfHover = function(){
	var suckerFish = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<suckerFish.length; i++){
		suckerFish[i].onmouseover=function(){
			this.className+=" sfhover";
		}
		suckerFish[i].onmouseout=function(){
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
sfHoverFeaturedNav = function(){
	//the featured navigation on the homepage
	var suckerFish = document.getElementById("featuredNav").getElementsByTagName("LI");
	for (var i=0; i<suckerFish.length; i++){
		suckerFish[i].onmouseover=function(){
			this.className+=" sfhover";
		}
		suckerFish[i].onmouseout=function(){
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

changeBorder = function(){
	var suckerFishNew = document.getElementById("featuredNav").getElementsByTagName("A");
	for (var i=0; i<suckerFishNew.length; i++){
		suckerFishNew[i].onmouseover=function(){
			if(this.className=="topLevel"){
				this.className="overClass";
			}
			else if(this.className=="overClass"){
				if (this.id="FirstItem"){
					alert("FirstItem has overClass onMouseOver");
				}
				this.className="topLevel";
			}
		}
		suckerFishNew[i].onmouseout=function(){
			if(this.className=="overClass"){
				if (this.id="FirstItem"){
					alert("FirstItem has overClass onMouseOut");
				}
				this.className="topLevel";
			}
		}
	}
}

if (window.addEventListener){
	//window.addEventListener('mouseover',changeBorder,false);	
}
else{
	window.attachEvent("onload", sfHover);
	window.attachEvent("onload", sfHoverFeaturedNav);
	//window.attachEvent("onload", changeBorder);
}