// www.brainjar.com (Mike Hall)

var ActiveBrowser = new Browser();
var ActiveMenu = null;

function Browser() {
    var u, s, i;
    this.isexplorer   = false;
    this.isopera      = false;
    this.isnetscape   = false;
    this.version    = null;
    u = navigator.userAgent;
    s = "Opera";
    if ((i = u.indexOf(s)) >= 0) {
        this.isopera = true;
        this.version = parseFloat(u.substr(i + s.length));
        return;
    }
    s = "Netscape6/";
    if ((i = u.indexOf(s)) >= 0) {
        this.isnetscape = true;
        this.version = parseFloat(u.substr(i + s.length));
        return;
    }
    // Treat any other "Gecko" ActiveBrowser as Netscape 6.1.
    s = "Gecko";
    if ((i = u.indexOf(s)) >= 0) {
        this.isnetscape = true;
        this.version = 6.1;
        return;
    }

    s = "MSIE";
    if ((i = u.indexOf(s))) {
        this.isexplorer = true;
        this.version = parseFloat(u.substr(i + s.length));
        return;
    }
}
function OnMenuButtonClick(event, id) {
    var button;
    // Get the target button element.
    if (ActiveBrowser.isexplorer)
        button = window.event.srcElement;
    else
        button = event.currentTarget;
    // Blur focus from the link to remove that annoying outline.
    button.blur();
    // Associate the named menu to this button if not already done.
    // Additionally, initialize menu display.

    if (button.menu == null) {
        if (id) {
            button.menu = document.getElementById(id);
            if (button.menu.isInitialized == null) StartMenuPopup(button.menu);
        }
    }
    // [MODIFIED] Added for activate/deactivate on mouseover.
    // Set mouseout event handler for the button, if not already done.
    if (button.onmouseout == null) button.onmouseout = OnMenuMouseOut;
    // Exit if this button is the currently active one.
    if (button == ActiveMenu) return false;
    // [END MODIFIED]
    // Reset the currently active button, if any.
    if (ActiveMenu != null) SetMenuButtonNormal(ActiveMenu);
    // Activate this button, unless it was the currently active one.
    if (button != ActiveMenu) {
        SetMenuButtonActive(button);
        ActiveMenu = button;
    }
    else
        ActiveMenu = null;
    return false;
}

function OnMenuButtonOver(event, id) {
    var button;
    // [MODIFIED] Added for activate/deactivate on mouseover.
    // Activates this button's menu if no other is currently active.
    if (ActiveMenu == null) {
        OnMenuButtonClick(event, id);
        return;
    }
    // [END MODIFIED]
    // Find the target button element.
    if (ActiveBrowser.isexplorer)
        button = window.event.srcElement;
    else
        button = event.currentTarget;
    // If any other button menu is active, make this one active instead.
    if (ActiveMenu != null && ActiveMenu != button) OnMenuButtonClick(event, id);
}

function SetMenuButtonActive(button) {
    var x, y;
    button.className += " active";
    if (button.onmouseout == null) button.onmouseout = OnMenuMouseOut;
    if (button.menu.onmouseout == null) button.menu.onmouseout = OnMenuMouseOut;
    x = GetPageOffsetLeft(button);
    y = GetPageOffsetTop(button) + button.offsetHeight;
    if (ActiveBrowser.isexplorer) {
        x += button.offsetParent.clientLeft +- 0;
        y += button.offsetParent.clientTop +- 0;
    }
    button.menu.style.left = x + "px";
    button.menu.style.top  = y + "px";
    button.menu.style.visibility = "visible";
    if (button.menu.iframeEl != null) {
        button.menu.iframeEl.style.left = button.menu.style.left;
        button.menu.iframeEl.style.top  = button.menu.style.top;
        button.menu.iframeEl.style.width  = button.menu.offsetWidth + "px";
        button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
        button.menu.iframeEl.style.display = "";
    }
}

function SetMenuButtonNormal(button) {
    RemoveClassName(button, "active");
    if (button.menu != null) {
        CloseMenuPopup(button.menu);
        button.menu.style.visibility = "hidden";
        if (button.menu.iframeEl != null) button.menu.iframeEl.style.display = "none";
    }
}
function OnMenuPopupOver(event) {
    var menu;
    if (ActiveBrowser.isexplorer)
        menu = GetContainerWith(window.event.srcElement, "DIV", "MenuPopup");
    else
        menu = event.currentTarget;
    if (menu.activeItem != null) CloseMenuPopup(menu);
}
function OnMenuItemOver(event, id) {
    var item, menu, x, y;
    if (ActiveBrowser.isexplorer)
        item = GetContainerWith(window.event.srcElement, "A", "MenuItem");
    else
        item = event.currentTarget;
    menu = GetContainerWith(item, "DIV", "MenuPopup");
    if (menu.activeItem != null) CloseMenuPopup(menu);
    menu.activeItem = item;
    item.className += " active";
    if (item.subMenu == null) {
        item.subMenu = document.getElementById(id);
        if (item.subMenu.isInitialized == null) StartMenuPopup(item.subMenu);
    }
    if (item.subMenu.onmouseout == null) item.subMenu.onmouseout = OnMenuMouseOut;
    x = GetPageOffsetLeft(item) + item.offsetWidth;
    y = GetPageOffsetTop(item) - 1;
    var maxX, maxY;
    if (ActiveBrowser.isexplorer) {
        maxX = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) + (document.documentElement.clientWidth  != 0 ? document.documentElement.clientWidth  : document.body.clientWidth);
        maxY = Math.max(document.documentElement.scrollTop, document.body.scrollTop)   + (document.documentElement.clientHeight != 0 ? document.documentElement.clientHeight : document.body.clientHeight);
    }
    if (ActiveBrowser.isopera) {
        maxX = document.documentElement.scrollLeft + window.innerWidth;
        maxY = document.documentElement.scrollTop  + window.innerHeight;
    }
    if (ActiveBrowser.isnetscape) {
        maxX = window.scrollX + window.innerWidth;
        maxY = window.scrollY + window.innerHeight;
    }
    maxX -= item.subMenu.offsetWidth;
    maxY -= item.subMenu.offsetHeight;
    if (x > maxX) x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth + (menu.offsetWidth - item.offsetWidth));
    y = Math.max(0, Math.min(y, maxY));

    item.subMenu.style.left       = x + "px";
    item.subMenu.style.top        = y + "px";
    item.subMenu.style.visibility = "visible";
    // For IE; size, position and display the menu's IFRAME as well.
    if (item.subMenu.iframeEl != null) {
        item.subMenu.iframeEl.style.left    = item.subMenu.style.left;
        item.subMenu.iframeEl.style.top     = item.subMenu.style.top;
        item.subMenu.iframeEl.style.width   = item.subMenu.offsetWidth  + "px";
        item.subMenu.iframeEl.style.height  = item.subMenu.offsetHeight + "px";
        item.subMenu.iframeEl.style.display = "";
    }
    if (ActiveBrowser.isexplorer)
        window.event.cancelBubble = true;
    else
        event.stopPropagation();
}

function CloseMenuPopup(menu) {
    if (menu == null || menu.activeItem == null) return;
    if (menu.activeItem.subMenu != null) {
        CloseMenuPopup(menu.activeItem.subMenu);
        menu.activeItem.subMenu.style.visibility = "hidden";
        if (menu.activeItem.subMenu.iframeEl != null) menu.activeItem.subMenu.iframeEl.style.display = "none";
        menu.activeItem.subMenu = null;
    }
    RemoveClassName(menu.activeItem, "active");
    menu.activeItem = null;
}
function OnMenuMouseOut(event) {
    var e;
    if (ActiveMenu == null) return;
    if (ActiveBrowser.isexplorer)
        e = window.event.toElement;
    else if (event.relatedTarget != null)
        e = (event.relatedTarget.tagName ? event.relatedTarget : event.relatedTarget.parentNode);
    if (GetContainerWith(e, "DIV", "MenuPopup") == null) {
        SetMenuButtonNormal(ActiveMenu);
        ActiveMenu = null;
    }
}
function StartMenuPopup(menu) {
    var itemList, spanList;
    var textEl, arrowEl;
    var itemWidth;
    var w, dw;
    var i, j;
    if (ActiveBrowser.isexplorer) {
        menu.style.lineHeight = "2.5ex";
        spanList = menu.getElementsByTagName("SPAN");
        for (i = 0; i < spanList.length; i++)
            if (HasClassName(spanList[i], "MenuItemArrow")) {
                spanList[i].style.fontFamily = "Webdings";
                spanList[i].firstChild.nodeValue = "4";
        }
    }
    itemList = menu.getElementsByTagName("A");
    if (itemList.length > 0)
        itemWidth = itemList[0].offsetWidth;
    else
        return;

    for (i = 0; i < itemList.length; i++) {
        spanList = itemList[i].getElementsByTagName("SPAN");
        textEl  = null;
        arrowEl = null;
        for (j = 0; j < spanList.length; j++) {
            if (HasClassName(spanList[j], "MenuItemText"))  textEl  = spanList[j];
            if (HasClassName(spanList[j], "MenuItemArrow")) arrowEl = spanList[j];
        }
        if (textEl != null && arrowEl != null) {
            textEl.style.paddingRight = (itemWidth - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
            if (ActiveBrowser.isopera) arrowEl.style.marginRight = "0px";
        }
    }
    if (ActiveBrowser.isexplorer) {
        w = itemList[0].offsetWidth;
        itemList[0].style.width = w + "px";
        dw = itemList[0].offsetWidth - w;
        w -= dw;
        itemList[0].style.width = w + "px";
    }
    if (ActiveBrowser.isexplorer) {
        var iframeEl = document.createElement("IFRAME");
        iframeEl.frameBorder = 0;
        iframeEl.src = "javascript:;";
        iframeEl.style.display = "none";
        iframeEl.style.position = "absolute";
        iframeEl.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
        menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
    }
    menu.isInitialized = true;
}
function GetContainerWith(node, tagName, className) {
    while (node != null) {
        if (node.tagName != null && node.tagName == tagName && HasClassName(node, className)) return node;
        node = node.parentNode;
    }
    return node;
}
function HasClassName(e, name) {
    var i, list;
    list = e.className.split(" ");
    for (i = 0; i < list.length; i++)
        if (list[i] == name) return true;
    return false;
}
function RemoveClassName(e, name) {
    var i, curList, newList;
    if (e.className == null) return;
    newList = new Array();
    curList = e.className.split(" ");
    for (i = 0; i < curList.length; i++)
        if (curList[i] != name) newList.push(curList[i]);
    e.className = newList.join(" ");
}
function GetPageOffsetLeft(e) {
    var x = e.offsetLeft;
    if (e.tagName == 'IMG') {
        x -= 19;
        if (HasClassName(e, 'first')) x += 1;
    }
    if (e.offsetParent != null) x += GetPageOffsetLeft(e.offsetParent);
    return x;
}
function GetPageOffsetTop(e) {
    var y = e.offsetTop;
    if (e.tagName == 'IMG') y += 8;
    if (e.offsetParent != null) y += GetPageOffsetTop(e.offsetParent);
    return y;
}