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

    //==================================================================================================
    // create a dropdown menu
    //==================================================================================================
    // the first parameter should be the HTML element which will act actuator for the menu
    //==================================================================================================
    // DONT FORGET TO ALSO CHANGE THE GLOBAL.JS FILE !!
    
    var menu1 = ms.addMenu(document.getElementById("mnuServices"));
    menu1.addItem("Consulting Services", "/consulting-services/services.do"); // send no URL if nothing should happen onclick
    menu1.addItem("J2EE Consulting", "/consulting-services/j2ee-consulting.do"); 
    menu1.addItem("Search Assistance", "/search-engine-assistance/search.do"); 
    menu1.addItem("Lucene Consulting", "/consulting-services/lucene.do"); 

    var menu2 = ms.addMenu(document.getElementById("mnuWebsites"));
    //menu2.addItem("Web Starter Package", "/central-coast-websites/website-starter-package.do");
    menu2.addItem("Ecommerce", "/central-coast-websites/custom-ecommerce.do");
    menu2.addItem("Mobile Ecommerce", "/central-coast-websites/mobile-ecommerce-websites.do");
    menu2.addItem("Custom Websites", "/central-coast-websites/custom-websites.do");
    menu2.addItem("Mobile Websites", "/central-coast-websites/mobile-website-packages.do");
    menu2.addItem("Online Bookshops", "/books/online-bookstores.do");
    menu2.addItem("F.A.Q", "/central-coast-websites/frequently-asked-questions.do");
    menu2.addItem("Glossary", "/central-coast-websites/glossary.do");
    
    //var menu3 = ms.addMenu(document.getElementById("mnuSocialMediaServices"));
    //menu3.addItem("Facebook Starter", "/social-media-services/facebook.do");
    //menu3.addItem("Facebook Plus", "/social-media-services/facebook-plus.do");
    //menu3.addItem("Twitter Packages", "/social-media-services/twitter.do");
    //menu3.addItem("LinkedIn Packages", "/social-media-services/linkedin.do");
    //menu3.addItem("Management", "/social-media-services/social-media-management.do");
    //menu3.addItem("Packages", "/social-media-services/packages.do");

    //var submenu2 = menu1.addMenu(menu1.items[1]);
    //submenu2.addItem("B2B", "../pages/webServices.do#b2b");
    //submenu2.addItem("Brochure Sites", "../pages/webServices.do#brochure");
    //submenu2.addItem("Dynamic Sites", "../pages/webServices.do#dynamic");
    //submenu2.addItem("E-commerce", "../pages/webServices.do#ecomm");
    //submenu2.addItem("Intranet", "../pages/webServices.do#intranets");
    
    //var submenu3 = menu1.addMenu(menu1.items[2]);  
    //submenu3.addItem("B2B", "../pages/businessServices.do#b2b");
    //submenu3.addItem("BPR", "../pages/businessServices.do#bpr");
    //submenu3.addItem("Communication", "../pages/businessServices.do#communication");
    //submenu3.addItem("Custom Software", "../pages/businessServices.do#apps");
    //submenu3.addItem("Intranet", "../pages/businessServices.do#intranets");
  
    
    //var submenu00 = submenu0.addMenu(submenu0.items[0]);
    //submenu00.addItem("foo");
    //submenu00.addItem("bar");
    //==================================================================================================

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