// 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.right, 180, 0, mtDropDown.reference.right);

                //==================================================================================================
                // 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("menu1"));
                menu1.addItem("History", "index2.php?id=2"); 
				menu1.addItem("Staff Profiles", "profile.php");
				menu1.addItem("Funeral Homes", "index2.php?id=4");
				menu1.addItem("Trade Association", "index2.php?id=5");
				menu1.addItem("Videos", "index2.php?id=24");
                //==================================================================================================

                var menu2 = ms.addMenu(document.getElementById("menu2"));
                menu2.addItem("Pre-Payment Plan - Independent way", "index2.php?id=6"); 
				menu2.addItem("Free Pre-Planning Service", "index2.php?id=7");
				menu2.addItem("When Death Occurs:  What Now?", "index2.php?id=8");
				menu2.addItem("Before the Funeral", "index2.php?id=9");
				menu2.addItem("The Funeral Service", "index2.php?id=10");
				menu2.addItem("After the Service", "index2.php?id=11"); 
				menu2.addItem("Fleet", "index2.php?id=12");
				menu2.addItem("Special Requests", "index2.php?id=13");
				menu2.addItem("Memorial Services", "index2.php?id=14");
				menu2.addItem("Memorial Maintenance Programme", "index2.php?id=15");
                // write drop downs into page
                //==================================================================================================
				
                var menu3 = ms.addMenu(document.getElementById("menu3"));
                menu3.addItem("Funeral Directors Charges/Disbursements", "index2.php?id=16"); 
				menu3.addItem("Personalised Quotes", "index2.php?id=17");
                // write drop downs into page
                //==================================================================================================
				
                var menu4 = ms.addMenu(document.getElementById("menu4"));
				menu4.addItem("Bereavement Support", "index2.php?id=18"); 
				menu4.addItem("Useful Contacts", "index2.php?id=19");
                // write drop downs into page
                //==================================================================================================


                mtDropDown.renderAll();
        }