<!--

var dom = (document.getElementById) ? true : false;
var ie  = (!dom && document.all) ? true : false;
var nn4 = (document.layers) ? true : false;

var visible = (nn4) ? "show" : "visible";
var hidden  = (nn4) ? "hide" : "hidden";

var menues = new Array();
var count = 0, show = 0;
var obj;

// put menu elements into an array
function putMenuElem(name) {
    menues[count] = name;
    count++;
}

// toggle visiblity of menu
function change(elem) {
    for (i = 0; i < count; i++) {
        obj = getMenuProp(menues[i])

        if (menues[i] == elem)
            obj.visibility = (obj.visibility == visible) ? hidden : visible
        else
            obj.visibility = hidden
    }
}

// show menu
function disp(elem) {
    show = 1; 
    for (i = 0; i < count; i++) {
        obj = getMenuProp(menues[i])
        obj.visibility = hidden
    }
    obj = getMenuProp(elem)
    obj.visibility = visible
}
     
// hide a menu after a quarter second
function hide() {
    show = 0; 
    setTimeout("hideall();", 250);
}  
 
// hide all menues
function hideall() {

    if (show == 0) {
        for (i = 0; i < count; i++) {
            obj = getMenuProp(menues[i])
            obj.visibility = hidden
      }
    }
}

// if mouse reenters layer by leaving a link prohibit hiding
function mouseInLayer(e) { show = 1; }

// initialize eventhandler
function init() {

    for (i = 0; i < count; i++) {
        obj = getMenuObj(menues[i])
        obj.onmouseover = mouseInLayer;
        obj.onmouseout = hide;

        if (nn4) obj.captureEvents(Event.MOUSEOVER);
    }
}

function getMenuObj(elem) {
    if (ie) return document.all[elem]
    else if (nn4) return document.layers[elem]
    else if (dom) return document.getElementById(elem)
}

function getMenuProp(elem) {
    var obj = getMenuObj(elem)

    return (nn4) ? obj : obj.style
}

//-->