// http://javascript-array.com/scripts/simple_drop_down_menu/
// Copyright 2006-2007 javascript-array.com
// with fixes by Detaya 2009

var timeout = 500;
var closetimer = 0;
var ddmenuheader = 0;
var ddmenubody = 0;

// open hidden layer
function mopen(id, me) {
    // cancel close timer
    mcancelclosetime();

    // close old layer
    mclose();

    // get new layer and show it
    ddmenubody = document.getElementById(id);
    ddmenubody.style.visibility = 'visible';

    // rik: set this one's class to match the hover style ..
    me.className = "Selected";
    ddmenuheader = me;

}
// close showed layer
function mclose() {
    if (ddmenubody) ddmenubody.style.visibility = 'hidden';
    if (ddmenuheader) ddmenuheader.className = "";
}

// go close timer
function mclosetime() {
    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

// close layer when click-out
document.onclick = mclose;