// 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, 2, mtDropDown.reference.bottomLeft);

		//==================================================================================================
		// create a dropdown menu
		//==================================================================================================
		// the first parameter should be the HTML element which will act actuator for the menu
		//==================================================================================================


		// menu : About Us
		var menu2 = ms.addMenu(document.getElementById("menu2"));
		menu2.addItem("- History", "index.php?s=2&t=1");
		menu2.addItem("- Advantages", "index.php?s=2&t=2");
		menu2.addItem("- Brochures", "index.php?s=2&t=3");
		menu2.addItem("- Testimonials", "index.php?s=2&t=4");
		menu2.addItem("- Research & Development", "index.php?s=2&t=5");
		

		// menu : Equipment & Materials
		var menu3 = ms.addMenu(document.getElementById("menu3"));
		menu3.addItem("- Lens Casting Systems", "index.php?s=3&t=1");
		menu3.addItem("- AR Systems", "index.php?s=3&t=5");
		
			// submenu : Equipment & Materials : Lens Casting Systems
			var subMenu1 = menu3.addMenu(menu3.items[0]);
			subMenu1.addItem("· Overview", "index.php?s=3&t=1");
			subMenu1.addItem("· Q-2100R", "index.php?s=3&t=2");
			subMenu1.addItem("· Mold Storage System", "index.php?s=3&t=3");
			subMenu1.addItem("· Mold Filling System", "index.php?s=3&t=4");

			// submenu : Equipment & Materials : AR Systems
			var subMenu2 = menu3.addMenu(menu3.items[1]);
			subMenu2.addItem("· nanoCLEAR", "index.php?s=3&t=5");


		// menu : Lenses
		var menu4 = ms.addMenu(document.getElementById("menu4"));
		menu4.addItem("- Lens Designs", "index.php?s=4&t=1");
		menu4.addItem("- Lens Materials", "index.php?s=5&t=1");

			// submenu : Lenses : Lens Design
			var subMenu3 = menu4.addMenu(menu4.items[0]);
			subMenu3.addItem("· Single Vision", "index.php?s=4&t=1");
			subMenu3.addItem("· Flat Top", "index.php?s=4&t=2");
			subMenu3.addItem("· Progressive", "index.php?s=4&t=3");

			// submenu : Lenses : Lens Materials
			var subMenu4 = menu4.addMenu(menu4.items[1]);
			subMenu4.addItem("· Clear", "index.php?s=5&t=1");
			subMenu4.addItem("· Photochromatic", "index.php?s=5&t=2");
			subMenu4.addItem("· AR Chemistry", "index.php?s=5&t=3");
			subMenu4.addItem("· Scratch Coatings", "index.php?s=5&t=4");


		// menu : Inside The Lab
//		var menu5 = ms.addMenu(document.getElementById("menu5"));
//		menu5.addItem("- Ready-To-Edge", "index.php?s=6&t=1");
//		menu5.addItem("- Semi-finished", "index.php?s=6&t=2");
//		menu5.addItem("- Glass Lenses", "index.php?s=6&t=3");
//		menu5.addItem("- AR Coating", "index.php?s=6&t=4");


		// menu : STORE
	//	var menu6 = ms.addMenu(document.getElementById("menu6"));
	//	menu6.addItem("- name", "link");
	//	menu6.addItem("- name", "link");
	


	


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

		//==================================================================================================
		// 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])
		//==================================================================================================

		// submenu : Software Products & Consulting : whatever
		// var subMenu1 = menu3.addMenu(menu3.items[3]);
		// subMenu1.addItem("· Pocket Pedigrees", "#");
		// subMenu1.addItem("· Parchment Pedigrees", "#");
		// subMenu1.addItem("· equineline.com Pedigrees", "#");

		







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