activateMenu = function(nav) {
	if(document.all && document.getElementById(nav).currentStyle){
			// only MSIE supports document.all
            var navroot = document.getElementById(nav);
			// Get all the list items within the menu 
            var lis=navroot.getElementsByTagName("div");
            for(i=0;i<lis.length;i++){
			// If the LI has another menu level 
                if(lis[i].lastChild.tagName=="UL"){
			// assign the function to the div 
                    lis[i].onmouseover=function(){
			// display the inner menu 
                        this.lastChild.style.display="block";
                    }
                    lis[i].onmouseout=function(){
                        this.lastChild.style.display="none";
                    }
                }
            }
	}
}

window.onload=function(){
   // pass the function the id of the top level UL
   // remove one, when only using one menu
  activateMenu('hznav');
}

function fw(element) {  
// The addition of this little item makes sure that the background color change on hover fills the width of the parent container
// since the parent container is set to grow depending on the size of the content
	var newwidth = element.clientWidth;
	var kiddiv=element.getElementsByTagName("li");
            for(i=0;i<kiddiv.length;i++){
		kiddiv.item(1).style.width = newwidth + "px";
	    }
}