function mnuShow(elem){
    obj = getSubItem(elem);
    obj.style.display = "block";
    obj.parentNode.firstChild.className = 'itemOn';
}

function mnuHide(elem){
    obj = getSubItem(elem);
    obj.style.display = "none";
    obj.parentNode.firstChild.className = '';
}

function getSubItem(li){
    var liChilds = li.childNodes.length;
    for (j = 0; j < liChilds; j++) {
        if (li.childNodes[j].nodeType == 1 && li.childNodes[j].tagName.toLowerCase() == "ul") {
            return (li.childNodes[j]);
        }
    }
}

function getObj(name){
    if (document.getElementById) {
        return (document.getElementById(name));
    }
    else
        if (document.all) {
            return (document.all[name]);
        }
        else
            if (document.layers) {
                return (document.layers[name]);
            }
}

function prepare(ul){
    var length = ul.childNodes.length;
    var i, j, liChilds, sub;
    for (i = 0; i < length; i++) {
        if (ul.childNodes[i].nodeType != 1) {
            continue;
        }
        liChilds = ul.childNodes[i].childNodes.length;
        if (liChilds <= 1) {
            continue;
        }
        sub = null;
        for (j = 0; j < liChilds; j++) {
            if (ul.childNodes[i].childNodes[j].nodeType == 1 && ul.childNodes[i].childNodes[j].tagName.toLowerCase() == "ul") {
                ul.childNodes[i].onmouseover = function(){
                    mnuShow(this);
                };
                ul.childNodes[i].onmouseout = function(){
                    mnuHide(this);
                };
                prepare(ul.childNodes[i].childNodes[j]);
                break;
            }
        }
    }
}

function prepareMenu(menuId){
    var menu = getObj(menuId);
    prepare(menu);
}