sfHover = function() {
    if (document.getElementById("nav")) {
        var vnavEls = document.getElementById("nav").getElementsByTagName("LI");
        fixMenu(vnavEls, true);
    }

    if (document.getElementById("navigation")) {
        var hnavEls = document.getElementById("navigation").getElementsByTagName("LI");
        fixMenu(hnavEls, false);
    }
}

function fixMenu(sfEls, useFrame) {
    for (var i = 0; i < sfEls.length; i++) {
        sfEls[i].onmouseover = function() {
            this.className += " sfhover";

            if (useFrame && document.getElementById("menu_iframe")) {
                var iframe = document.getElementById("menu_iframe");

                var submenu = this.getElementsByTagName("UL");
                if (submenu.length) {
                    iframe.style.top = submenu[0].offsetTop;
                    iframe.style.left = submenu[0].offsetLeft;
                    iframe.style.width = submenu[0].offsetWidth;
                    iframe.style.height = submenu[0].offsetHeight;
                    iframe.style.display = "inline";
                }
            }
        }

        sfEls[i].onmouseout = function() {
            this.className = this.className.replace(new RegExp(" sfhover\\b"), "");

            if (useFrame && document.getElementById("menu_iframe")) {
                var iframe = document.getElementById("menu_iframe");
                iframe.style.display = "none";
            }
        }
    }    
}

if (document.all)
{ // Load sfHover only in IE; other browsers don't need it
	if (window.attachEvent)
		window.attachEvent("onload", sfHover);
	else
		window.onload = sfHover; // Mac IE5 needs this
}