// 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("- Tech Support", "tech_support.php");
    menu1.addItem("- Service Plans", "service_plans.php");
    menu1.addItem("- User Forum", "http://groups.yahoo.com/group/inbrousa");
    menu1.addItem("- FAQs ", "faqs.php");

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

    menu2.addItem("- Embroidery Supplies", "spectrumthread.php");
    menu2.addItem("- Machine Accessories", "machine_accessories.php");
    menu2.addItem("- Machine Parts", "machine_parts.php");
	
    //==================================================================================================
    var menu3 = ms.addMenu(document.getElementById("menu3"));

    menu3.addItem("- New Equipment", "new_equipment.php");
    menu3.addItem("- Warranty", "warranty.php");
    menu3.addItem("- Packages", "packages.php");
    menu3.addItem("- Specials", "specials.php");
    
    //==================================================================================================		

	
    //==================================================================================================		
    var menu5 = ms.addMenu(document.getElementById("menu5"));

    menu5.addItem("- National Shows", "showschedule.php");
    menu5.addItem("- Private Demonstrations", "private_demo.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) };

    }
}