// JavaScript Document
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->



    // Instantiate and render the menu when the page's DOM is ready

    YAHOO.util.Event.onDOMReady(function () {

        /*
             Instantiate the menu.  The first argument passed to the 
             constructor is the id of the DOM element to be created for the 
             menu; the second is an object literal representing a set of 
             configuration properties for the menu.
        */

        var oMenu = new YAHOO.widget.Menu("basicmenu", { fixedcenter: false } );

        /*
            Add items to the menu by passing an array of object literals 
            (each of which represents a set of YAHOO.widget.MenuItem 
            configuration properties) to the "addItems" method.
        */

        oMenu.addItems([

    { text: "Quick Info", disabled: true },
    { text: "Kardinaalshof, Sint Salvatorstraat 14, 8000 Brugge", selected: true },
    { text: "Mail", disabled: true },
    { text: "info@kardinaalshof.be", helptext: "E-mail us" },
    { text: "Telephone", disabled: true },
    { text: "050/34.16.91", selected: true },
    { text: "Skype", disabled: true },
    { text: "Kardinaalshof", emphasis: true },
    { text: "- - - - - - - - - - ", strongemphasis: true },
    { text: "klik voor meer info", url: " http://www.kardinaalshof.be/info_more.html" },
    { text: "Last update: 01/10/07", checked: true } 

            ]);

        oMenu.showEvent.subscribe(function () {

            this.focus();

        });

        /*
             Since this menu is built completely from script, call the "render" 
             method passing in the id of the DOM element that the menu's 
             root element should be appended to.
        */

        oMenu.render("rendertarget");

        YAHOO.util.Event.addListener("menutoggle", "click", oMenu.show, null, oMenu);            
    
    });