//
// show/hide element functions
//

function getRefToElement(divID) {
    if( document.getElementById ) { //DOM; IE5, NS6, Mozilla, Opera
        return document.getElementById(divID); }
    if( document.all ) { //Proprietary DOM; IE4
        return document.all[divID]; }
    if( document.layers ) { //Netscape layers
        return document.layers[divID]; }
    if( document[divID] ) { //Netscape alternative
        return document[divID]; }
    return false;
}

function set_element_display(obj, style) {
    if (obj.style) {
        obj.style.display = style;
        return obj.style.display;
    } else if (obj.display) {
        obj.display = style;
        return obj.display;
    } else
        return false;
}

function setElementDisplay(obj, on) {
    var res = false;
    var o = getRefToElement(obj);
    if (!o) return false;
    if (o.getAttribute('visibility') != null) {
        if (on) {
            res = set_element_display(o, 'block');
            if (res) o.setAttribute('visibility', 'on');
        } else {
            res = set_element_display(o, 'none');
            if (res) o.setAttribute('visibility', 'off');
        }
    } else {
        res = set_element_display(o, 'none');
        if (res) o.setAttribute('visibility', 'off');
    }
    return (res != false);
}

//
// Menu class
//

function Menu(text) {
    this.init(text);
}

Menu.prototype.init = function(text) {
    if (!Menu.prototype.id) {
        Menu.prototype.id = 0;
    }
    this.id = Menu.prototype.id++;
    if (!Menu.prototype.allMenus) {
        Menu.prototype.allMenus = new Array();
    }
    Menu.prototype.allMenus[this.id] = this;
    this.text = text;
}

Menu.prototype.show = function(style) {
    document.writeln('<div class="' + style + '" id="menu' + this.id + '" onmouseover="showMenu(' + this.id + ')" onmouseout="hideMenu(' + this.id + ')">' + this.text + '</div>');
}

Menu.prototype.getText = function() {
    return this.text;
}

Menu.prototype.toString = function() {
    return "Menu " + this.id + " : " + this.text;
}

//
// TopLevelMenu class
//

TopLevelMenu.superclass = Menu.prototype;

function TopLevelMenu(text, page, hyperlink) {
    TopLevelMenu.superclass.init.call(this, text);
    this.locked = false;
    this.page = page;
    this.hyperlink = (hyperlink!=null)?hyperlink:false;
    this.subMenus = new Array();
    if (!TopLevelMenu.prototype.allTopLevelMenus) {
        TopLevelMenu.prototype.allTopLevelMenus = new Array();
    }
    TopLevelMenu.prototype.allTopLevelMenus[TopLevelMenu.prototype.allTopLevelMenus.length] = this;
    if (!TopLevelMenu.prototype.numTopLevelMenus) {
        TopLevelMenu.prototype.numTopLevelMenus = 0;
    }
    TopLevelMenu.prototype.numTopLevelMenus += 1;
}

TopLevelMenu.prototype.showMenus = function(isIE) {
    for (x = 0; x < TopLevelMenu.prototype.numTopLevelMenus; x++) {
        if (TopLevelMenu.prototype.allTopLevelMenus[x]) TopLevelMenu.prototype.allTopLevelMenus[x].show(isIE);
    }
}

TopLevelMenu.prototype.addSubMenu = function(subMenu) {
    this.subMenus[this.subMenus.length] = subMenu;
}

TopLevelMenu.prototype.addNewSubMenu = function(text, href) {
    newSubMenu = new SubMenu(text, href, this);
    return newSubMenu;
}

TopLevelMenu.prototype.getText = function() {
    TopLevelMenu.superclass.getText.call(this);
}

TopLevelMenu.prototype.show = function(isIE) {
    document.write('<div class="topLevelMenu" id="menu' + this.id + '" onmouseover="showMenu(' + this.id + ', true)" onmouseout="clearMenu(' + this.id + ')">');
    if (isIE) {
        document.write('<a class="page" href="');
        if (this.hyperlink) {
            document.write(this.page);
        } else {
            document.write('#');
        }
        document.write('">' + this.text + '</a>');
    } else {
        if (this.hyperlink) {
            document.write('<a class="page" href="' + this.page + '">');
        }
        document.write(this.text);
        if (this.hyperlink) {
            document.write('</a>');
        }
    }
    thisElement = this.getElement();
    for (i = 0; i < this.subMenus.length; i++) {
        this.subMenus[i].show();
        setElementDisplay('menu' + this.subMenus[i].id, false);
    }
    document.write('</div>');
}

TopLevelMenu.prototype.showMenu = function(hover) {
    for (z = 0; z < TopLevelMenu.prototype.numTopLevelMenus; z++) {
        if (TopLevelMenu.prototype.allTopLevelMenus[z] != this) {
            TopLevelMenu.prototype.allTopLevelMenus[z].hideMenu(true, true);
        }
    }
    this.highlight();
    if (!this.locked) {
        thisElement = this.getElement();
        hrefElement = thisElement.firstChild;
        if (hrefElement) {
            if (hrefElement.style) {
                hrefElement.style.color = 'orangered';
            } else {
                hrefElement.color = 'orangered';
            }
        }
    }
    if (this.subMenus.length == 0) {
        this.locked = true;
    } else {
        y = 21;
        for (i = 0; i < this.subMenus.length; i++) {
            this.subMenus[i].showMenu(y);
            y += 21;
        }
    }
}

TopLevelMenu.prototype.highlight = function () {
    thisElement = this.getElement();
    if (thisElement.style) {
        thisElement.style.borderLeft = '1px solid orangered';
        thisElement.style.borderRight = '1px solid orangered';
    } else {
        thisElement.borderLeft = '1px solid orangered';
        thisElement.borderRight = '1px solid orangered';
    }
    if (this.hyperlink) {
        hrefElement = thisElement.firstChild;
        if (hrefElement) {
            if (hrefElement.style) {
                hrefElement.style.color = 'gray';
            } else {
                hrefElement.color = 'gray';
            }
        }
    } else {
        if (thisElement.style) {
            thisElement.style.color = 'gray';
        } else {
            thisElement.color = 'gray';
        }
    }
}

TopLevelMenu.prototype.hideMenu = function(really, override) {
    if (really == true) {
        if ((override == true) || (!this.locked)) {
            for (i = 0; i < this.subMenus.length; i++) {
                this.subMenus[i].hideMenu();
            }
            thisElement = this.getElement();
            if (thisElement.style) {
                thisElement.style.borderLeft = '1px solid darkslateblue';
                thisElement.style.borderRight = '1px solid darkslateblue';
                thisElement.style.color = 'black';
            } else {
                thisElement.borderLeft = '1px solid darkslateblue';
                thisElement.borderRight = '1px solid darkslateblue';
                thisElement.color = 'black';
            }
            if (this.hyperlink) {
                hrefElement = thisElement.firstChild;
                if (hrefElement) {
                    if (hrefElement.style) {
                        hrefElement.style.color = 'blue';
                    } else {
                        hrefElement.color = 'blue';
                    }
                }
            }
        }
    } else {
        setTimeout('hideMenu(' + this.id + ', true)', 1500);
    }
}

TopLevelMenu.prototype.clearMenu = function() {
    this.locked = false;
    this.hideMenu();
}

TopLevelMenu.prototype.getElement = function() {
    return getRefToElement('menu' + this.id);
}

TopLevelMenu.prototype.toString = function() {
    return "TopLevelMenu " + this.id + " : " + this.text;
}

//
// SubMenu class
//

SubMenu.superclass = Menu.prototype;

function SubMenu(text, href, parent) {
    SubMenu.superclass.init.call(this, text);
    this.href = href;
    this.parent = parent;
    parent.addSubMenu(this);
}

SubMenu.prototype.show = function() {
    document.write('<div class="subMenu" id="menu' + this.id + '" onmouseover="showMenu(' + this.id + ',true)" onmouseout="clearMenu(' + this.id + ')">' + this.getText() + '</div>');
}

SubMenu.prototype.getText = function() {
    return '<a class="page" href="' + this.parent.page + ((this.href!='')?'?':'') + this.href + '">' + this.text + '</a>';
}

SubMenu.prototype.toString = function() {
    return "SubMenu " + this.id + " : " + this.text;
}

SubMenu.prototype.showMenu = function(y) {
    this.parent.locked = true;
    thisElement = this.getElement();
    if (y != true) {
        thisElement.style.left = 5 + 'px';
        thisElement.style.top = y + 'px';
        thisElement.style.position = 'absolute';
    } else {
        this.parent.highlight();
        hrefElement = thisElement.firstChild;
        if (hrefElement) {
            if (hrefElement.style) {
                hrefElement.style.color = 'orangered';
            } else {
                hrefElement.color = 'orangered';
            }
        }
    }
    setElementDisplay('menu' + this.id, true);
}

SubMenu.prototype.clearMenu = function() {
    this.parent.locked = false;
    this.parent.hideMenu(false);
}

SubMenu.prototype.hideMenu = function() {
    setElementDisplay('menu' + this.id, false);
}

SubMenu.prototype.getElement = function() {
    return getRefToElement('menu' + this.id);
}

//
// access functions
//

function showMenu(id, hilit) {
    Menu.prototype.allMenus[id].showMenu(hilit);
}

function hideMenu(id, really) {
    Menu.prototype.allMenus[id].hideMenu(really);
}

function clearMenu(id) {
    Menu.prototype.allMenus[id].clearMenu();
}

function insertMenus(isIE) {
    document.writeln('<div class="menuBar"><span class="menuTitle">site menu&gt;</span>');
    TopLevelMenu.prototype.showMenus(isIE);
    document.writeln('</div>');
}