window.addEvent('domready', function() {

    //Vertical Sliding SubMenu navigation using Mootools
    //Author: Systems Venture Inc. (www.systemsventure.com)
    //Created: August 29th 2007

    //create arrays of class elements
    var mainMenuBoxes = $$('.mainMenuLinkContainer');
    var mainMenuLinks = $$('.mainMenuLink');
    var subMenuOuterBoxes = $$('.subMenuOuterContainer');
    var subMenuInnerBoxes = $$('.subMenuInnerContainer');

    //loop through all mainMenuContainer array elements
    mainMenuBoxes.each(function(mainMenuBox, i) {
        //initialize transition effects to subMenu Containers
        var subMenuOuterBoxFx = new Fx.Styles(subMenuOuterBoxes[i], { wait: false, duration: 500, transition: Fx.Transitions.Expo.easeOut });
        var subMenuInnerBoxFx = new Fx.Styles(subMenuInnerBoxes[i], { wait: false, duration: 500, transition: Fx.Transitions.Expo.easeOut });

        //IBrowser Specific SubMenuInnerContainer Width Extraction
        if (window.gecko) {
            var subMenuInnerBoxWidthInt = subMenuInnerBoxes[i].getStyle('width').toInt() - 3;
        } else {
            var subMenuInnerBoxWidthInt = subMenuInnerBoxes[i].getStyle('width').toInt();
        }
        var subMenuInnerBoxHeightInt = subMenuInnerBoxes[i].getStyle('height').toInt();

        //setting Styles for Containers needed for Vertical slide animation 
        subMenuOuterBoxes[i].setStyle('width', subMenuInnerBoxWidthInt);
        subMenuInnerBoxes[i].setStyle('top', -subMenuInnerBoxHeightInt);

        //apply all effect for vertical slide down animation of SubMenu onmouseover mainMenu Element
        mainMenuBox.addEvent('mouseover', function() {
            if (subMenuInnerBoxes[i].getStyle('height').toInt() > 0) {
                mainMenuLinks[i].setStyle('border-left', 'solid 1px #dcdcdc');
                mainMenuLinks[i].setStyle('border-top', 'solid 1px white');
                mainMenuLinks[i].setStyle('border-right', 'solid 1px #8C8C8C');
                mainMenuLinks[i].setStyle('border-bottom', 'solid 1px white');
                mainMenuLinks[i].setStyle('color', '#3375A0');
                mainMenuLinks[i].setStyle('background-color', 'white');

                subMenuOuterBoxFx.start({
                    'opacity': .9,
                    'height': subMenuInnerBoxHeightInt
                });
                subMenuInnerBoxFx.start({
                    'top': 0
                });
            }
        });

        //apply all effect for vertical slide up animation of SubMenu onmouseout mainMenu Element
        mainMenuBox.addEvent('mouseout', function() {
            if (subMenuInnerBoxes[i].getStyle('height').toInt() > 0) {
                mainMenuLinks[i].setStyle('border', 'none');
                mainMenuLinks[i].setStyle('color', '#606060');
                mainMenuLinks[i].setStyle('background-color', 'transparent');
                subMenuOuterBoxFx.start({
                    'opacity': 0,
                    'height': 0
                });
                subMenuInnerBoxFx.start({
                    'top': -subMenuInnerBoxHeightInt
                });
            }
        });
    });
});

function pressDefaultButton(btn) {
    if (document.all) {
        if (event.keyCode == 13) {
            event.returnValue = false;
            event.cancel = true;
            btn.click();
        }
    }
}

