// adapted from Mike Hall's www.brainjar.com

var ActiveMenu = null;

var isIE = (navigator.userAgent.indexOf('MSIE') > 0);
var isOpera = (navigator.userAgent.indexOf('Opera') > 0);
var isNetscape = (navigator.userAgent.indexOf('Netscape6/') > 0);

function OnMenuButtonClick(event, id) {
    var button;
    if (isIE) {
        button = window.event.srcElement;
    } else {
        button = event.currentTarget;
    }
    button.blur();
    if (button.menu == null) {
        if (id) {
            button.menu = document.getElementById(id);
            if (button.menu.isInitialized == null) StartMenuPopup(button.menu);
        }
    }
    if (button.onmouseout == null) button.onmouseout = OnMenuMouseOut;
    if (button == ActiveMenu) return false;
    if (ActiveMenu != null) SetMenuButtonNormal(ActiveMenu);
    if (button != ActiveMenu) {
        Setactive(button);
        ActiveMenu = button;
    } else {
        ActiveMenu = null;
    }
    return false;
}
function OnMenuButtonOver(event, id) {
    var button;
    if (ActiveMenu == null) {
        OnMenuButtonClick(event, id);
        return;
    }
    if (isIE) {
        button = window.event.srcElement;
    } else {
        button = event.currentTarget;
    }
    if (ActiveMenu != null && ActiveMenu != button) OnMenuButtonClick(event, id);
}
function Setactive(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 (isIE) {
        x += button.offsetParent.clientLeft; //+ 1
        //y -= 1;
    } else {
        y -= 1;
    }

    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 (isIE) {
        menu = GetContainerWith(window.event.srcElement, 'DIV', 'popup');
    } else {
        menu = event.currentTarget;
    }
    if (menu.activeItem != null) CloseMenuPopup(menu);
}
function OnMenuItemOver(event, id) {
    var item, menu, x, y;
    if (isIE) {
        item = GetContainerWith(window.event.srcElement, 'A');
    } else {
        item = event.currentTarget;
    }

    menu = GetContainerWith(item, 'DIV', 'popup');
    if (menu.activeItem != null) CloseMenuPopup(menu);
    menu.activeItem = item;
    item.className += ' active';

    if (item.subMenu == null) {
        item.subMenu = document.getElementById(id);
        //alert(item.subMenu.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);
    //document.title = y;

    var maxX, maxY;
    if (isIE) {
        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 (isOpera) {
        maxX = document.documentElement.scrollLeft + window.innerWidth;
        maxY = document.documentElement.scrollTop  + window.innerHeight;
    }
    if (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));

    if (isIE) {
        y -= 1;
        x += 2;
    } else {
        y -= 1;
        //x -= 2;
        x += 2;
    }

    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 (isIE) {
        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 (isIE) {
        e = window.event.toElement;
    } else if (event.relatedTarget != null) {
        e = (event.relatedTarget.tagName ? event.relatedTarget : event.relatedTarget.parentNode);
    }
    if (GetContainerWith(e, 'DIV', 'popup') == null) {
        SetMenuButtonNormal(ActiveMenu);
        ActiveMenu = null;
    }
}
function StartMenuPopup(menu) {
    var itemList, spanList;
    var textEl, arrowEl;
    var itemWidth;
    var w, dw;
    var i, j;
    if (isIE) {
        menu.style.lineHeight = '2.5ex';
        spanList = menu.getElementsByTagName('span');
        for (i = 0; i < spanList.length; i++)
            if (HasClassName(spanList[i], 'arrow')) {
                //spanList[i].style.fontFamily = 'Webdings';
                //spanList[i].firstChild.nodeValue = '4';
        }
    }
    itemList = menu.getElementsByTagName('A');
    if (itemList.length == 0) return;
    itemWidth = itemList[0].offsetWidth;

    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], 'text'))  textEl  = spanList[j];
            if (HasClassName(spanList[j], 'arrow')) arrowEl = spanList[j];
        }
        if (textEl != null && arrowEl != null) {
            textEl.style.paddingRight = (itemWidth - (textEl.offsetWidth + arrowEl.offsetWidth)) + 'px';
            if (isOpera) arrowEl.style.marginRight = '0px';
        }
    }
    if (isIE) {
        w = itemList[0].offsetWidth;
        itemList[0].style.width = w + 'px';
        dw = itemList[0].offsetWidth - w;
        w -= dw;
        itemList[0].style.width = w + 'px';
    } else {
        //itemList[0].style.width = '200px';
    }
    if (isIE) {
        var iframeEl = document.createElement('IFRAME');
        iframeEl.frameBorder = 0;
        iframeEl.src = 'javascript:;';
        iframeEl.style.display = 'none';
        iframeEl.style.borderColor = 'red';
        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) {
    className = className || 0;
    //alert(node.tagName);
    while (node != null) {
        if (className) {
            if (node.tagName != null && node.tagName == tagName && HasClassName(node, className)) return node;
        } else {
            if (node.tagName != null && node.tagName == tagName) 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;
    x = e.offsetLeft;
    if (e.offsetParent != null) x += GetPageOffsetLeft(e.offsetParent);
    return x;
}
function GetPageOffsetTop(e) {
    var y;
    y = e.offsetTop;
    s = e.id + '=' + e.offsetTop + ': ' + e.offsetParent;
    if (e.offsetParent != null) y += GetPageOffsetTop(e.offsetParent);
    return y;
}