// 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, 0, mtDropDown.reference.bottomLeft);

    //==================================================================================================
    // create a dropdown menu
    //==================================================================================================
    // the first parameter should be the HTML element which will act actuator for the menu
    //==================================================================================================

    // HOME
    /*var menu1 = ms.addMenu(document.getElementById("menu1"));
    menu1.addItem("","#");*/


    //ABOUT
    var menu2 = ms.addMenu(document.getElementById("menu2"));
    menu2.addItem("Auto Maintenance", "AutoMaintenance.aspx");
    menu2.addItem("Auto Repair", "AutoRepair.aspx");
    menu2.addItem("Auto Body", "AutoBody.aspx");
    menu2.addItem("State Inspection", "StateInspection.aspx");
    menu2.addItem("Pre-Insurance Inspection", "PreInsuranceInspection.aspx");


    //SERVICES
    /*var menu3 = ms.addMenu(document.getElementById("menu3"));
    menu3.addItem("","");*/




    //AUTO ELECTRONICS
    /*var menu4 = ms.addMenu(document.getElementById("menu4"));
    menu4.addItem("","#");*/


    //LOGO
    /*var menu5 = ms.addMenu(document.getElementById("menu5"));
    menu5.addItem("","#");*/


    //APPOINTMENT
    /*var menu6 = ms.addMenu(document.getElementById("menu6"));
    menu6.addItem("Customer info","#");
    menu6.addItem("Vehicle info and Appointment details ","#");
    menu6.addItem("confirmation","#");				*/

    //SPECIALS
    /*var menu7 = ms.addMenu(document.getElementById("menu7"));
    menu7.addItem("","#");*/


    //CARE CARE
    /*var menu8 = ms.addMenu(document.getElementById("menu8"));
    menu8.addItem("","#");*/

    //CONTACT
    /*var menu9 = ms.addMenu(document.getElementById("menu9"));
    menu9.addItem("Brookline Auto Experts","#");
    menu9.addItem("Shimon's service Station","#");
    menu9.addItem("Dani's Shell","#");
    menu9.addItem("Gas By The Sea","#");*/


    //==================================================================================================
    // 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();
}