var SlideoutMenuZ = 5000;

var SlideoutMenuLeft = 0;
var currentSlideoutMenu;
var SlideoutMenuOpen = false;


function createSlideoutMenus(theElement) {
    var SlideoutMenuObject;
    for (var i = 0; i < theElement.childNodes.length; i++) {
        createSlideoutMenus(theElement.childNodes[i]);
    }
    try {
    if (theElement.className == 'SlideoutMenu') {
        SlideoutMenuZ++;
        SlideoutMenuObject = new SlideoutMenu(theElement);
    }
    } catch(e) {}
}

function SlideoutMenu(theElement) {    
        var theTop = 0;
        var SlideoutMenuTimerID = 0;
        var Multiplier = 20;
        this.theSlideoutMenuTimerId;
        var theSlideoutMenu = theElement;
        var thisSlideoutMenu = this;
        var closing = false;
        var opening = false;
        var closeDelay = 0;
        
        theSlideoutMenu.style.zIndex = SlideoutMenuZ;
        
        moveSlideoutMenu();
        thisSlideoutMenu.style.visibility = 'visible';
        
        function SlideoutMenuClose() {
            //if (!opening) {
                closing = true;
                clearTimeout(thisSlideoutMenu.theSlideoutMenuTimerId);
                //theSlideoutMenu.style.zIndex = 1000;
                if (closeDelay > 10) {
                    thisSlideoutMenu.theSlideoutMenuTimerId = setTimeout(function(){SlideoutMenuClose()},closeDelay);
                    closeDelay = 1;
                    return;
                }
            
                if ( parseInt(theSlideoutMenu.style.top) * -1 <= (parseInt(theSlideoutMenu.offsetHeight) - 20)) {
                    theSlideoutMenu.style.top = (parseInt(theSlideoutMenu.style.top) - Multiplier) +'px';
                    thisSlideoutMenu.theSlideoutMenuTimerId = setTimeout(function(){SlideoutMenuClose()},closeDelay);
                    closeDelay = 1;
                } else {
                    closing = false;
                    theSlideoutMenu.style.top = (parseInt(theSlideoutMenu.offsetHeight) - 20) * -1 + 'px';
                }
            //}
        }
        
        function moveSlideoutMenu() {
            var tabObject;
            theSlideoutMenu.style.visibility= 'hidden';
            theSlideoutMenu.style.top = (parseInt(theSlideoutMenu.offsetHeight) - 20) * -1 +'px';
            theSlideoutMenu.style.visibility= 'visible';
            theSlideoutMenu.style.left = SlideoutMenuLeft + 'px';
            for (var i = 0; i < theSlideoutMenu.childNodes.length; i++) {
                if (theSlideoutMenu.childNodes[i].className == 'TAB') {
                    SlideoutMenuLeft += theSlideoutMenu.childNodes[i].offsetWidth + 2;
                }
            }
            theSlideoutMenu.onmouseover = function(){SlideoutMenuOpen()};
            theSlideoutMenu.onmouseout = function(){SlideoutMenuClose()};
        }
        
        function SlideoutMenuOpen() {
            //if(!SlideoutMenuOpen) {
                opening = true;
                try {
                    //currentSlideoutMenu.SlideoutMenuClose();
                } catch(e) {
                }
                currentSlideoutMenu = this;
                clearTimeout(thisSlideoutMenu.theSlideoutMenuTimerId);
                closeDelay = 1000;
                //theSlideoutMenu.style.zIndex = 2000;
                if (parseInt(theSlideoutMenu.style.top) <= 0) {
                    theSlideoutMenu.style.top = (parseInt(theSlideoutMenu.style.top) + Multiplier) +'px';
                    thisSlideoutMenu.theSlideoutMenuTimerId = setTimeout(function(){SlideoutMenuOpen()},1);
                } else {
                    opening = false;
                    //theSlideoutMenu.style.top = '0px';
                }
            //}
        }
        
        
}