
YAHOO.example.insertOrderedList = function() {
    var menuDiv = document.getElementById("basicmenu");
    
    var innerDiv = document.createElement("div");
    innerDiv.setAttribute("class","bd");
    
    // Create the unordered list of main links (the smaller the better)
    var elUL = document.createElement("ul");
    elUL.setAttribute("class","first-of-type");
        var elLI = document.createElement("li");
        elLI.setAttribute("class","yuimenuitem first-of-type");
            var elHREF = document.createElement("a");
            elHREF.setAttribute("href","http://www.originmartialarts.com");
            
            var elTNode = document.createTextNode("Home");
            elHREF.appendChild(elTNode);
        elLI.appendChild(elHREF);
    elUL.appendChild(elLI);
        elLI = document.createElement("li");
        elLI.setAttribute("class","yuimenuitem first-of-type");
            var elHREF = document.createElement("a");
            elHREF.setAttribute("href","/events.html");
            
            var elTNode = document.createTextNode("Information");
            elHREF.appendChild(elTNode);
        elLI.appendChild(elHREF);
    elUL.appendChild(elLI);    
        elLI = document.createElement("li");
        elLI.setAttribute("class","yuimenuitem first-of-type");
            var elHREF = document.createElement("a");
            elHREF.setAttribute("href","/gallery.html");
            
            var elTNode = document.createTextNode("Galleries");
            elHREF.appendChild(elTNode);
        elLI.appendChild(elHREF);
    elUL.appendChild(elLI);    
        elLI = document.createElement("li");
        elLI.setAttribute("class","yuimenuitem first-of-type");
            var elHREF = document.createElement("a");
            elHREF.setAttribute("href","/links.html");
            
            var elTNode = document.createTextNode("Links");
            elHREF.appendChild(elTNode);
        elLI.appendChild(elHREF);
    elUL.appendChild(elLI);     
        elLI = document.createElement("li");
        elLI.setAttribute("class","yuimenuitem first-of-type");
            var elHREF = document.createElement("a");
            elHREF.setAttribute("href","/feedback.html");
            
            var elTNode = document.createTextNode("Contact Us");
            elHREF.appendChild(elTNode);
        elLI.appendChild(elHREF);
    elUL.appendChild(elLI);      
        elLI = document.createElement("li");
        elLI.setAttribute("class","yuimenuitem first-of-type");
            var elTNode = document.createTextNode("Help");
        elLI.appendChild(elTNode);
    elUL.appendChild(elLI);      
    
    // Attach the list to the inner div
    innerDiv.appendChild( elUL );
    
    // Attach the inner div to the menu div
    menuDiv.appendChild( innerDiv );
    
    // YAHOO.util.Event.onContentReady("basicmenu", YAHOO.example.onMenuReady);
    YAHOO.example.onMenuReady( "basicmenu" );
};

YAHOO.example.onMenuReady = function(p_oEvent) {
    
    // YAHOO.example.insertOrderedList();
    
    // "beforerender" event handler for the menu

    function onMenuBeforeRender(p_sType, p_sArgs, p_oMenu) {

        var oSubmenuData = {
        
            "information": [ 
                { text: "About Origin", url: "/aboutus.html" },
				{ text: "Calendar - Events", url: "/events.html" },
                { text: "Map & Directions", url: "/map.html" },
                { text: "Q & A", url: "/faq.html" },
                { text: "Schedule Flyer", url: "/Images/current/schedule.pdf" },
                { text: "Summer 2010", url: "/summerCamp2010.html" },
		{ text: "President's Challenge", url: "http://www.presidentschallenge.com"}
            ],
            
            "galleries": [
                { text: "Photos", url:"/gallery.html" },
                { text: "Videos", url:"/videos.html" }          
            ],
            
            "contact": [
                { text: "Email Us", url: "mailto:info@originmartialarts.com" },
                { text: "Contact Form", url: "/feedback.html" }            
            ],
            
            "help": [

                { text: "Search", url: "/search.html" }            
            ]
        
        };

        this.getItem(1).cfg.setProperty("submenu", { id:"information", itemdata: oSubmenuData["information"] });
        this.getItem(2).cfg.setProperty("submenu", { id:"galleries", itemdata: oSubmenuData["galleries"] });
        this.getItem(4).cfg.setProperty("submenu", { id:"contact", itemdata: oSubmenuData["contact"] });
        this.getItem(5).cfg.setProperty("submenu", { id:"help", itemdata: oSubmenuData["help"] });

    }


    // Instantiate and render the menu

    var oMenu = new YAHOO.widget.Menu("basicmenu", {
                        position:"static", 
                        hidedelay:750, 
                        lazyload:true,
                        effect:{ 
                            effect:YAHOO.widget.ContainerEffect.FADE,
                            duration:0.1
                        }
                }
    );

    // Subscribe to the "beforerender" event
    
    oMenu.beforeRenderEvent.subscribe(onMenuBeforeRender, oMenu, true);

    oMenu.render();
    
}       

// YAHOO.util.Event.onDOMReady(YAHOO.example.insertOrderedList);
// YAHOO.util.Event.addListener(window, "load", YAHOO.example.insertOrderedList);
// YAHOO.util.Event.onContentReady("basicmenu", YAHOO.example.insertOrderedList);
YAHOO.util.Event.onContentReady("basicmenu", YAHOO.example.onMenuReady);
