var timeBeforeAutoHide = 100; // Microseconds to wait before auto hiding menu(1000 = 1 second)
var slideSpeed_out = 10; // Steps to move sub menu at a time ( higher = faster)
var slideSpeed_in = 10;


var slideTimeout_out = 25; // Microseconds between slide steps ( lower = faster)
var slideTimeout_in = 10; // Microseconds between slide steps ( lower = faster)

var showSubOnMouseOver = true; // false = show sub menu on click, true = show sub menu on mouse over
var fixedSubMenuWidth = false; // Width of sub menu items - A number(width in pixels) or false when width should be dynamic

var xOffsetSubMenu = -2; 	// Offset x-position of sub menu items - use negative value if you want the sub menu to overlap main menu

var slideDirection = 'left'; // Slide to left or right ?

/* Don't change anything below here */

var activeSubMenuId = false;
var activeMainMenuItem = false;
var currentZIndex = 1000;
var autoHideTimer = 0;
var submenuObjArray = new Array();
var okToSlideInSub = new Array();
var subPositioned = new Array();


function stopAutoHide() {
    autoHideTimer = -1;
}

function initAutoHide() {
    autoHideTimer = 0;
    if (autoHideTimer >= 0) autoHide();
}

function autoHide() {

    if (autoHideTimer > timeBeforeAutoHide) {

        if (activeMainMenuItem) {
            activeMainMenuItem.className = '';
            activeMainMenuItem = false;
        }

        if (activeSubMenuId) {
            var obj = document.getElementById('subMenuDiv' + activeSubMenuId);
            showSub();
        }
    } else {
        if (autoHideTimer >= 0) {
            autoHideTimer += 50;
            setTimeout('autoHide()', 50);
        }
    }
}

function getTopPos(inputObj) {
    var returnValue = inputObj.offsetTop;
    while ((inputObj = inputObj.offsetParent) != null) returnValue += inputObj.offsetTop;
    return returnValue;
}

function getLeftPos(inputObj) {
    var returnValue = inputObj.offsetLeft;
    while ((inputObj = inputObj.offsetParent) != null) returnValue += inputObj.offsetLeft;
    return returnValue;
}

function showSub() {
    var subObj = false;
    if (this && this.tagName) {
        var numericId = this.parentNode.id.replace(/[^0-9]/g, '');
        okToSlideInSub[numericId] = false;
        var subObj = document.getElementById('subMenuDiv' + numericId);
        if (activeMainMenuItem) activeMainMenuItem.className = '';
        if (subObj) {
            if (!subPositioned[numericId]) {
                if (slideDirection == 'right') {
                    subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + submenuObjArray[numericId]['parentDiv'].offsetWidth + xOffsetSubMenu + 'px';
                } else {
                    subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + xOffsetSubMenu + 'px';

                }
                submenuObjArray[numericId]['left'] = subObj.style.left.replace(/[^0-9]/g, '');
                subObj.style.top = getTopPos(submenuObjArray[numericId]['parentDiv']) + 'px';
                subPositioned[numericId] = true;
            }
            subObj.style.visibility = 'visible';
            subObj.style.zIndex = currentZIndex;
            currentZIndex++;
            this.className = 'activeMainMenuItem';
            activeMainMenuItem = this;
        }
    } else {
        var numericId = activeSubMenuId;
    }
    if (activeSubMenuId && (numericId != activeSubMenuId || !subObj)) slideMenu(activeSubMenuId, (slideSpeed_in * -1));
    if (numericId != activeSubMenuId && this && subObj) {
        subObj.style.width = '0px';
        slideMenu(numericId, slideSpeed_out);
        activeSubMenuId = numericId;
    } else {
        if (numericId != activeSubMenuId) activeSubMenuId = false;
    }
    if (showSubOnMouseOver) stopAutoHide();
}

function slideMenu(menuIndex, speed) {
    var obj = submenuObjArray[menuIndex]['divObj'];
    var obj2 = submenuObjArray[menuIndex]['ulObj'];
    var width = obj.offsetWidth + speed;
    if (speed < 0) {
        if (width < 0) width = 0;
        obj.style.width = width + 'px';
        if (slideDirection == 'left') {
            obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
            obj2.style.left = '0px';
        } else {
            obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px'
        }
        if (width > 0 && okToSlideInSub[menuIndex]) setTimeout('slideMenu(' + menuIndex + ',' + speed + ')', slideTimeout_in); else {
            obj.style.visibility = 'hidden';
            obj.style.width = '0px';
            if (activeSubMenuId == menuIndex) activeSubMenuId = false;
        }

    } else {
        if (width > submenuObjArray[menuIndex]['width']) width = submenuObjArray[menuIndex]['width'];
        if (slideDirection == 'left') {
            obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
            obj2.style.left = '0px';
        } else {
            obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px'
        }

        obj.style.width = width + 'px';
        if (width < submenuObjArray[menuIndex]['width']) {
            setTimeout('slideMenu(' + menuIndex + ',' + speed + ')', slideTimeout_out);
        } else {
            okToSlideInSub[menuIndex] = true;
        }
    }
}
function resetPosition() {
    subPositioned.length = 0;
}

function initLeftMenu() {
    var menuObj = document.getElementById('dhtmlgoodies_menu');
    var mainMenuItemArray = new Array();

    var mainMenuItem = menuObj.getElementsByTagName('LI')[0];
    while (mainMenuItem) {
        if (mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase() == 'li') {
            mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem;
            var aTag = mainMenuItem.getElementsByTagName('A')[0];
            if (showSubOnMouseOver)
                aTag.onmouseover = showSub;
            else
                aTag.onclick = showSub;
        }
        mainMenuItem = mainMenuItem.nextSibling;
    }

    var lis = menuObj.getElementsByTagName('A');
    for (var no = 0; no < lis.length; no++) {
        if (!showSubOnMouseOver) lis[no].onmouseover = stopAutoHide;
        lis[no].onmouseout = initAutoHide;
        lis[no].onmousemove = stopAutoHide;
    }

    for (var no = 0; no < mainMenuItemArray.length; no++) {
        var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0];
        if (sub) {
            mainMenuItemArray[no].id = 'mainMenuItem' + (no + 1);
            var div = document.createElement('DIV');
            div.className = 'dhtmlgoodies_subMenu';
            document.body.appendChild(div);
            div.appendChild(sub);
            if (slideDirection == 'right') {
                div.style.left = getLeftPos(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu + 'px';
            } else {
                div.style.left = getLeftPos(mainMenuItemArray[no]) + xOffsetSubMenu + 'px';
            }
            div.style.top = getTopPos(mainMenuItemArray[no]) + 'px';
            div.id = 'subMenuDiv' + (no + 1);
            sub.id = 'submenuUl' + (no + 1);
            sub.style.position = 'relative';

            if (navigator.userAgent.indexOf('Opera') >= 0) {
                submenuObjArray[no + 1] = new Array();
                submenuObjArray[no + 1]['parentDiv'] = mainMenuItemArray[no];
                submenuObjArray[no + 1]['divObj'] = div;
                submenuObjArray[no + 1]['ulObj'] = sub;
                submenuObjArray[no + 1]['width'] = sub.offsetWidth;
                submenuObjArray[no + 1]['left'] = div.style.left.replace(/[^0-9]/g, '');
            }
            sub.style.left = 1 - sub.offsetWidth + 'px';

            // if(document.all)div.style.width = '1px';	

            if (navigator.userAgent.indexOf('Opera') < 0) {
                submenuObjArray[no + 1] = new Array();
                submenuObjArray[no + 1]['parentDiv'] = mainMenuItemArray[no];
                submenuObjArray[no + 1]['divObj'] = div;
                submenuObjArray[no + 1]['ulObj'] = sub;
                submenuObjArray[no + 1]['width'] = sub.offsetWidth;



                submenuObjArray[no + 1]['left'] = div.style.left.replace(/[^0-9]/g, '');
                if (fixedSubMenuWidth) submenuObjArray[no + 1]['width'] = fixedSubMenuWidth;
            }

            if (!document.all) div.style.width = '1px';

        }
    }




    menuObj.style.visibility = 'visible';

    window.onresize = resetPosition;
}


window.onload = initLeftMenu;