// 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.down, 0, 0, mtDropDown.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("menu1"));
		//menu1.addItem("- txt", "http://www.terberg.nl"); // send no URL if nothing should happen onclick
		//menu1.addItem("- txt", "http://www.terberg.nl"); // send no URL if nothing should happen onclick
		//menu1.addItem("- txt", "#");
		//menu1.addItem("- txt", "#");
		//==================================================================================================

		//==================================================================================================
		// add a sub-menu
		//==================================================================================================
		// to add a sub menu to an existing menu object, call it's addMenu method and pass it the item from
		// the parent menu which should act as it's actuator. To add a submenu to the fourth item of a menu
		// called "theMenu", you would do theMenu.addMenu(theMenu.items[3])
		//==================================================================================================

var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0, mtDropDown.reference.bottomLeft);
		var bovenmenu1 = ms.addMenu(document.getElementById("bovenmenu1"));
		bovenmenu1.addItem("achtergrond", "index.php?pgid=195", "", "blauw", "");
		bovenmenu1.addItem("projecten VHTO", "index.php?pgid=196", "", "blauw", "kont");

		var bovenmenu4 = ms.addMenu(document.getElementById("bovenmenu4"));
		bovenmenu4.addItem("speeddaten", "index.php?pgid=199", "", "blauw", "");
		bovenmenu4.addItem("gastlessen", "index.php?pgid=201", "", "blauw", "");
		bovenmenu4.addItem("workshadowing", "index.php?pgid=202", "", "blauw", "");
		bovenmenu4.addItem("girlsday", "index.php?pgid=203", "", "blauw", "");
		bovenmenu4.addItem("talentenkijker", "index.php?pgid=204", "", "blauw", "");
		bovenmenu4.addItem("mentoring", "index.php?pgid=205", "", "blauw", "kont");

		var bovenmenu2 = ms.addMenu(document.getElementById("bovenmenu2"));
		bovenmenu2.addItem("database bèta/techniek", "index.php?pgid=28", "", "blauw", "");
		bovenmenu2.addItem("database ict", "index.php?pgid=29", "", "blauw", "");
		bovenmenu2.addItem("aanmelden", "index.php?pgid=206", "", "blauw", "");
		bovenmenu2.addItem("inloggen", "index.php?pgid=207", "", "blauw", "");
		bovenmenu2.addItem("gegevens wijzigen", "index.php?pgid=208", "", "blauw", "");
		bovenmenu2.addItem("afmelden", "index.php?pgid=209", "", "blauw", "kont");

		var bovenmenu36 = ms.addMenu(document.getElementById("bovenmenu36"));
		bovenmenu36.addItem("speeddates havo/vwo", "index.php?pgid=211", "", "blauw", "");
		bovenmenu36.addItem("speeddates vmbo", "index.php?pgid=212", "", "blauw", "");
		bovenmenu36.addItem("talentenkijker", "index.php?pgid=288", "", "blauw", "");
		bovenmenu36.addItem("gastlessen", "index.php?pgid=213", "", "blauw", "");
		bovenmenu36.addItem("spiegelbeeld", "index.php?pgid=214", "", "blauw", "");
		bovenmenu36.addItem("totaalagenda", "index.php?pgid=244", "", "blauw", "kont");

		var bovenmenu33 = ms.addMenu(document.getElementById("bovenmenu33"));
		bovenmenu33.addItem("rolmodellen", "index.php?pgid=33", "", "blauw", "");
		bovenmenu33.addItem("docenten", "index.php?pgid=34", "", "blauw", "kont");

		var bovenmenu35 = ms.addMenu(document.getElementById("bovenmenu35"));
		bovenmenu35.addItem(" verhalen", "index.php?pgid=219", "", "blauw", "");
		bovenmenu35.addItem("in de media", "index.php?pgid=220", "", "blauw", "");
		bovenmenu35.addItem("publicaties", "index.php?pgid=221", "", "blauw", "kont");




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