﻿
function installMainMenu() {
    //<![CDATA[
    //alert('Start: byslidemenu.install.js:installMainMenu');

    var MenuImageNames = new Array();
    var MenuElement;

    MenuImageNames[0] = "ctl00_SafetyImage";
    MenuImageNames[1] = "ctl00_HappeningsImage";
    MenuImageNames[2] = "ctl00_RideMapsImage";
    MenuImageNames[3] = "ctl00_ToolkitImage";
    MenuImageNames[4] = "ctl00_RoadTalesImage";
    MenuImageNames[5] = "ctl00_FAQImage";
    MenuImageNames[6] = "ctl00_ResourcesImage";
    MenuImageNames[7] = "ctl00_PartnersImage";
    
    for (var i = 0; i < MenuImageNames.length; i++) {        
        MenuElement = document.getElementById(MenuImageNames[i]);
        if (MenuElement != null) { MenuElement.style.display = 'inline'; MenuElement.style.overflow='hidden'; }
        else {
            MenuElement = document.getElementsByName(MenuImageNames[i]);
            if (MenuElement != null) { MenuElement.style.display = 'inline'; MenuElement.style.overflow = 'hidden'; }
        }
    }

    //   MooTools comes with a custom event that fires when the DOM is ready to be manipulated.
    //    window.addEvent('domready', function() {
    //        myFunction();
    //    });
    
    window.addEvent('domready', function() {
            var slideMenu = new BySlideMenu('MainMenu',
                    {
                        vertical: false,
                        defaultIndex: null,
                        autoSize: false,
                        elementWidth: 300,
                        elementHeight: 150,
                        compressSize: 82,
                        useOverflow: false,
                        /*transition: Fx.Transitions.Bounce.easeOut,  */
                        /*containerWidth: "full",*/
                        containerWidth: 820,
                        pinMode: 'click',
                        duration: 250
                    }
                );
            }
        );

    MenuElement = document.getElementById('MainMenu');
    if (MenuElement != null) { MenuElement.style.display = 'block'; MenuElement.style.visibility = 'visible'; }
    else {
        MenuElement = document.getElementsByName('MainMenu');
        if (MenuElement != null) { MenuElement.style.display = 'block'; MenuElement.style.visibility = 'visible'; }
    }

    //alert('End: byslidemenu.install.js:installMainMenu');
    //]]>

}

