///do browser detect stuff
var isNS = (navigator.appName == "Netscape");
var isMacIE = ( (navigator.userAgent.indexOf("IE 4")  > -1) && (navigator.userAgent.indexOf("Mac")  > -1) );
var layerRef = (isNS) ? "document" : "document.all";
var styleRef = (isNS) ? "" : ".style";
var isDynamic = ( (document.layers || document.all) && !isMacIE );

var activeMenu = 0;
var finalClip;


function activateMenu(menuLayerRef, offset) {
        if (isDynamic && activeMenu != menuLayerRef) {

                if (activeMenu) hideMenu("menu" + activeMenu);
                        
                menuID = "menu" + menuLayerRef;
                activeMenu = menuLayerRef;
        
                if (isNS) {
				        offset=offset-2
                        document[menuID].top = 95;
                        document[menuID].left = offset;
                } else {
                        document.all[menuID].style.pixelTop = 95;
                        document.all[menuID].style.pixelLeft = offset;
                }

                showMenu(menuID)
                
        }
        if (isDynamic && !isNS) window.event.cancelBubble = true;
}

function showMenu(layerID) {
        eval(layerRef + '["' + layerID + '"]' + styleRef + '.visibility = "visible"');
}

function hideMenu(layerID) {
        eval(layerRef + '["' + layerID + '"]' + styleRef + '.visibility = "hidden"');
}

function killMenu(e) {
        //check if theres a menu active
        if (activeMenu) {
                menuID = "menu" + activeMenu;
                if (isNS) {
                        menuX1 = document[menuID].left;
                        menuX2 = menuX1 + document[menuID].clip.right;
                        menuY1 = document[menuID].top;
                        menuY2 = menuY1 + document[menuID].clip.bottom;
                        
                        if (e.pageY > menuY2 || e.pageX > menuX2 || e.pageX < menuX1) {
                                hideMenu(menuID);
                                activeMenu = 0;
                        }
                } else {
                                hideMenu(menuID);
                                activeMenu = 0;

                }
        }  

}


function init() {
        if (isDynamic) {
                if (isNS) { 
                        document.captureEvents(Event.MOUSEMOVE); 
                        document.onmousemove = killMenu;
                } else {
                        document.onmouseover = killMenu;
                }
                
        }
}