if (isJsEnabled()) {
    addLoadEvent(initMenu);
}

var is_ie = false;

function initMenu() {
    attachsafe = function(elementid, event, callfunct, bubble) {
	el = document.getElementById(elementid);
	if (el) {
	    if (el.addEventListener) {
		// DOM2 compliant (Gecko, Opera, etc)
		el.addEventListener(event, callfunct, bubble);
	    } else if (el.attachEvent) {
		// DOM2 noncompliant (IE)
		if (event == "mouseout") { event = "onmouseout"; } // DOM2 mouseout == IE onmouseout.
		if (event == "mouseover") { event = "onmouseover"; } // And again.
		el.attachEvent(event, callfunct);
	    }
	}
    };

    attachsafe('PrimaryMenu', 'mouseover', function() {handle(true)}, false);
    attachsafe('SecMenu', 'mouseover', function() {handle(true)}, false);
    attachsafe('PrimaryMenu', 'mouseout', function() {handle(false)}, false);
    attachsafe('SecMenu', 'mouseout', function() {handle(false)}, false);  

}

function s(id) {
    var no_entity = (is_ie) ? "<li><a href='#'>&nbsp;</a></li>" : "&nbsp;";
    a = document.getElementById("SecMenu");
    if (a) { 
	if (menu[id] != undefined) {
	    a.innerHTML = menu[id];
	} else {    
	    a.innerHTML = no_entity;
	}
    }
}

function handle(show) {
    a = document.getElementById("SecMenu");
    if (a) { 
	if (show == true) {
	    a.style.visibility = "visible";
	} else {
	    a.style.visibility = "hidden";
	}
    }	
}

function __ie_s() {
    el = null;
    
    if (event.toElement.tagName == "LI") {
	el = event.toElement;
    } else if (event.toElement.tagName == "A") {
	el = event.toElement.parentNode;
    }

    if (el) {
	if (el.id == "SecondaryMenuActive") {
	    el.style.cursor = "pointer";
	    el = null;
	}
    }
    
    if (el != null) {
	el.style.borderLeft = "solid 3px #FFEB80";
	el.style.paddingLeft = "5px";
	el.style.cursor = "pointer";
    }
    
}
    
function __ie_superkill() {
    li_items = document.getElementById("SecondaryMenu").childNodes;

    for (i=0; i<li_items.length; i++) {
	if (li_items.item(i).id != "SecondaryMenuActive") {
	    li_items.item(i).style.borderLeft = "none";
	    li_items.item(i).style.paddingLeft = "8px";
	}
    }
}

function __ie_h() {
    el = null;
    
    if (event.srcElement.tagName == "LI") {
	el = event.srcElement;
    } else if (event.srcElement.tagName == "P") {
	el = event.srcElement.parentNode;
    } else {
	/* If we get to this point, we've hit an element but IE won't
	tell us which one we should hide. There's no words here! Loop
	through and kill them all. */
	__ie_superkill();
	return;
    }

    if (el) {
	if (el.id == "SecondaryMenuActive")
	    el = null;
    }
    
    if (el != null) {
	el.style.borderLeft = "none";
	el.style.paddingLeft = "8px";
    }
    
}

function iehover() {
    // IE does NOT properly implement the :hover CSS selector until
    // IE7. So, for IE <= 6, we need a hack.

    // We use conditional comments to call this function, attaching
    // a mouseover handler (actually "onmouseover" in IE, thank you very
    // much broken DOM support) to make the hover work.

    li_items = document.getElementById("SecondaryMenu");
    
    if (li_items) {
      li_items = li_items.childNodes;

      for (i=0; i<li_items.length; i++) {
        if (li_items.item(i).attachEvent) {
  	     li_items.item(i).attachEvent('onmouseover', __ie_s);
  	     li_items.item(i).attachEvent('onmouseout', __ie_h);
  	    }	    
      }
    }
    // We need this to tell if we are *really* using IE.
    is_ie = true;
    
}

function sec(path) {
    window.location = path;
}