// set up drop downs anywhere in the body of the page. I think the bottom of the page is better.. 

// but you can experiment with effect on loadtime.

if (mtDropDown.isSupported()) {



    //==================================================================================================

    // create a set of dropdowns

    //==================================================================================================

    // the first param should always be down, as it is here

    //

    // The second and third param are the top and left offset positions of the menus from their actuators

    // respectively. To make a menu appear a little to the left and bottom of an actuator, you could use

    // something like -5, 5

    //

    // The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner

    // of the actuator from which to measure the offset positions above. Here we are saying we want the 

    // menu to appear directly below the bottom left corner of the actuator

    //==================================================================================================



    var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 1, mtDropDown.reference.bottomLeft);

    

    //==================================================================================================

    var menu1 = ms.addMenu(document.getElementById("menu1"));



    menu1.addItem("- History and Overview", "company_history.php");

    menu1.addItem("- Leadership", "leadership.php");

	menu1.addItem("- Investment Criteria", "investment_criteria.php");

    menu1.addItem("- Relationships", "relationships.php");

    

    //==================================================================================================    

    var menu2 = ms.addMenu(document.getElementById("menu2"));



    menu2.addItem("- Complete List", "acquisitions.php");
    menu2.addItem("- By Category", "#");

	var submenu1 = menu2.addMenu(menu2.items[1]);
						submenu1.addItem("Land", "page.php?s=acq_Land");
						submenu1.addItem("Office", "page.php?s=acq_Office");
						submenu1.addItem("Retail", "page.php?s=acq_Retail");
						submenu1.addItem("Hotel", "page.php?s=acq_Hotel");
						submenu1.addItem("MF/Condo", "page.php?s=acq_Residential");
    

    //==================================================================================================

    var menu3 = ms.addMenu(document.getElementById("menu3"));



    menu3.addItem("- For Sale", "sale.php");

    menu3.addItem("- For Lease", "lease.php");

    menu3.addItem("- Under Development", "under.php");

    

    // write drop downs into page

    //==================================================================================================

    // this method writes all the HTML for the menus into the page with document.write(). It must be

    // called within the body of the HTML page.

    //==================================================================================================



    mtDropDown.renderAll();



}



function init() {

    // whatever stuff you need to do onload goes here.



    //==========================================================================================

    // if supported, initialize mtdropdowns

    //==========================================================================================

    // Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.

    // This is better than server-side checking because it will also catch browsers which would

    // normally support the menus but have javascript disabled.

    //

    // If supported, call initialize() and then hook whatever image rollover code you need to do

    // to the .onactivate and .ondeactivate events for each menu.

    //==========================================================================================

    if (mtDropDown.isSupported()) {

        mtDropDown.initialize();



        // hook all the image swapping of the main toolbar to menu activation/deactivation

        // instead of simple rollover to get the effect where the button stays highlighted until

        // the menu is closed.

        //menu1.onactivate = function() { swapImage("button1", preloaded[1][1].src) };

        //menu1.ondeactivate = function() { swapImage("button1", preloaded[1][0].src) };



    }

}