// set up drop downs. This can go anywhere, depends 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
    //==================================================================================================
     var menu1 = ms.addMenu(document.getElementById("canmaking"));
    menu1.addItem("Front End", "frontend.php");
    menu1.addItem("Back End", "backend.php");
    menu1.addItem("Liners", "liners.php");
    menu1.addItem("3 Piece", "3peice.php");
    menu1.addItem("Seamers", "seamers.php");
    menu1.addItem("Refurbishments", "refurbishments.php");
    menu1.addItem("Enhancements", "enhancements.php");
    menu1.addItem("Technical Bulletins", "techbullit.php");

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

    //==================================================================================================
    var menu2 = ms.addMenu(document.getElementById("canseaming"));
    menu2.addItem("Seamer Tooling", "seamertooling.php");
    menu2.addItem("Seamer School", "seamerschool.php");
    menu2.addItem("Seamer Manual", "seaming_manual.pdf");
    menu2.addItem("Ferrum Partnership", "CrownFoodPartnership2006.ppt");
    //==================================================================================================

    //==================================================================================================
    var menu3 = ms.addMenu(document.getElementById("business"));
    menu3.addItem("Useful Links", "usefullinks.php");
    menu3.addItem("Accreditations", "accreditations.php");
    menu3.addItem("Sale Conditions", "conditions_of_sale.php");
    menu3.addItem("Legal Notice", "legalnotice.php");
    menu3.addItem("Our Site", "photoofsite.php");
    menu3.addItem("Our Policies", "policies.php");
    menu3.addItem("History", "history.php");
    //==================================================================================================

    //==================================================================================================
    var menu4 = ms.addMenu(document.getElementById("people"));
    menu4.addItem("Key Personnel", "keypersonnel.php");
    menu4.addItem("Our Teams", "ourteams.php");
    //==================================================================================================

    //==================================================================================================
    var menu5 = ms.addMenu(document.getElementById("contactus"));
    menu5.addItem("Sales Shifts", "salesshift.php");
    menu5.addItem("Addresses", "contactus.php");
    menu5.addItem("Emergency Contacts", "technical_help.php");
    //==================================================================================================

    //==================================================================================================
    var menu6 = ms.addMenu(document.getElementById("spares"));
    menu6.addItem("Register", "forms_registration.php");
    menu6.addItem("Login Now", "http://www.canlinespares.com/spares/Web/spares/login.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.
    //==================================================================================================
    TransMenu.renderAll();
  }
  init();