//==================================================================================================
    // 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 menu2 = ms.addMenu(document.getElementById("topmenu_tab2"));
    var menu3 = ms.addMenu(document.getElementById("topmenu_tab3"));
    var menu4 = ms.addMenu(document.getElementById("topmenu_tab4"));
    var menu5 = ms.addMenu(document.getElementById("topmenu_tab5"));
    //var menu6 = ms.addMenu(document.getElementById("topmenu_tab6"));
    //var menu7 = ms.addMenu(document.getElementById("topmenu_tab7"));


function init()
{
  //==========================================================================================
  // if supported, initialize TransMenus
  //==========================================================================================
  // 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 (TransMenu.isSupported())
  {
    TransMenu.initialize();

    // hook all the highlight swapping of the main toolbar to menu activation/deactivation
    // instead of simple rollover to get the effect where the button stays hightlit until
    // the menu is closed.

    menu2.onactivate = function()
                       {
                         document.getElementById("topmenu_tab2").className = "hover";
                       };

    menu2.ondeactivate = function()
                         {
                           document.getElementById("topmenu_tab2").className = "";
                         };

    menu3.onactivate = function()
                       {
                         document.getElementById("topmenu_tab3").className = "hover";
                       };

    menu3.ondeactivate = function()
                         {
                           document.getElementById("topmenu_tab3").className = "";
                         };

    menu4.onactivate = function()
                       {
                         document.getElementById("topmenu_tab4").className = "hover";
                       };

    menu4.ondeactivate = function()
                         {
                           document.getElementById("topmenu_tab4").className = "";
                         };

    menu5.onactivate = function()
                       {
                         document.getElementById("topmenu_tab5").className = "hover";
                       };

    menu5.ondeactivate = function()
                         {
                           document.getElementById("topmenu_tab5").className = "";
                         };

//    menu6.onactivate = function()
//                       {
//                         document.getElementById("topmenu_tab6").className = "hover";
//                       };
//
//    menu6.ondeactivate = function()
//                         {
//                           document.getElementById("topmenu_tab6").className = "";
//                         };

  }
}


function createMenu(siteIndex)
{
  // 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())
  {
    var relpath = "";

    if (siteIndex > 1)
    {
      relpath = "../";
    }


    menu2.addItem("Hvad vi kan tilbyde", relpath+"skraedderi/skraedderi2.html");
    menu2.addItem("Hvorfor vælge Frederiksberg Skrædderi?", relpath+"skraedderi/skraedderi3.html");
//    menu2.addItem("- Opsyninger", relpath+"skraedderi/skraedderi4.html");
//    menu2.addItem("- Særlige projekter", relpath+"skraedderi/skraedderi5.html");
    menu2.addItem("Prøveforløb", relpath+"skraedderi/skraedderi6.html");
    menu2.addItem("Historie og baggrund", relpath+"skraedderi/skraedderi7.html");
    menu2.addItem("Butikker", relpath+"skraedderi/skraedderi8.html");


    menu2.addItem("- Bentes Brudedesign", "http://www.bentes-brudedesign.dk");
    menu2.addItem("- Bride Fashion", "http://www.bridefashion.dk");
    menu2.addItem("- Casa Lezar", "http://www.casalezar.dk");
    menu2.addItem("- Nicolai Brudekjoler", "http://www.nicolai-brudekjoler.dk");
    menu2.addItem("- House of Brides", "http://www.brud.dk");
    menu2.addItem("- Miss Nicolai", "http://www.missnicolai-konfirmationskjoler.dk");
    menu2.addItem("- Askepot & Valentino", "http://www.askepot-brudekjoler.dk");



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

    menu3.addItem("Undertøj", relpath+"tilbehoer/tilbehoer2.html");
    menu3.addItem("Strømper", relpath+"tilbehoer/tilbehoer3.html");
    menu3.addItem("Skørter og slør", relpath+"tilbehoer/tilbehoer4.html");
    menu3.addItem("Smykker og hårpynt", relpath+"tilbehoer/tilbehoer5.html");
    menu3.addItem("Æsker", relpath+"tilbehoer/tilbehoer6.html");
    menu3.addItem("Inspiration", relpath+"tilbehoer/tilbehoer7.html");
    //==================================================================================================
    //==================================================================================================

		menu4.addItem("Forandringer af kjoler", relpath+"galleri/galleri.html");
    menu4.addItem("Gravidkjoler", relpath+"galleri/galleri2.html");
		menu4.addItem("Jakker og boleroer", relpath+"galleri/galleri3.html");
		menu4.addItem("Diverse", relpath+"galleri/galleri4.html");

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

 //   menu5.addItem("Bryllupstraditioner", relpath+"spoergsmaalogsvar/spoergsmaalogsvar2.html");
    menu5.addItem("Mere om prøveforløbet", relpath+"spoergsmaalogsvar/spoergsmaalogsvar3.html");
    menu5.addItem("Betingelser", relpath+"spoergsmaalogsvar/spoergsmaalogsvar4.html");

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

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