// 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 (TransMenu.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 TransMenuSet(TransMenu.direction.down, 1, 8, TransMenu.reference.bottomLeft);

     //==================================================================================================
     // create a dropdown menu
     //==================================================================================================
     // the first parameter should be the HTML element which will act actuator for the menu
     //==================================================================================================
     var menu1 = ms.addMenu(document.getElementById("about"));
     menu1.addItem("About FSDDS", "/about/"); 
     menu1.addItem("Dermatology & Dermatologists", "/about/dermatology/");
     menu1.addItem("FSDDS Board", "/about/board/");     
     menu1.addItem("FSDDS Staff", "/about/staff/");
     menu1.addItem("Bylaws", "/membership/bylaws/");
     //menu1.addItem("President's Message", "/about/president/");
     menu1.addItem("Statistics", "/about/statistics/");
     //==================================================================================================

     //==================================================================================================
     var menu2 = ms.addMenu(document.getElementById("patients"));
     menu2.addItem("Patient Center", "/patients/");
     menu2.addItem("Conditions & Diseases", "/patients/conditions_diseases/");
     menu2.addItem("Skin Cancer", "/patients/skin_cancer/");
     //menu2.addItem("Sun Defense Essay Contest", "/patients/sun_defense/");
     //==================================================================================================

     //==================================================================================================
     var menu3 = ms.addMenu(document.getElementById("physicians"));
     menu3.addItem("Physician Center", "/physicians/");     
     menu3.addItem("Legal Issues", "/physicians/legal/");
     menu3.addItem("Legislative Issues", "/physicians/legislation/");
     // menu3.addItem("My Account", "/physicians/account/");
     menu3.addItem("Pay Dues", "/physicians/dues/");
     menu3.addItem("Related Links", "/physicians/links/");
     menu3.addItem("Annual Awards", "/physicians/awards/");
     //==================================================================================================

     //==================================================================================================
     var menu4 = ms.addMenu(document.getElementById("join"));
     menu4.addItem("FSDDS Overview", "/membership/overview/");
     menu4.addItem("Become a Member", "/membership/join/");
     menu4.addItem("Membership Benefits", "/membership/benefits/");
     menu4.addItem("Membership Applications", "/membership/applications/");
     menu4.addItem("Endorsements", "/membership/endorsements/");
     //==================================================================================================
     
     //==================================================================================================
     var submenu0 = menu4.addMenu(menu4.items[0]);
     submenu0.addItem("Eligibility", "/membership/overview/eligibility/");
     submenu0.addItem("Membership Categories", "/membership/overview/categories/");
     //==================================================================================================

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