// 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()) {
	var myURL="";
	//==================================================================================================
	// 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
	//==================================================================================================
	// menu: shared hosting
	//var menu1 = ms.addMenu(document.getElementById("menu1"));
	//menu1.addItem("Home", "index.php?page=home"); // send no URL if nothing should happen onclick
	//==================================================================================================

	//==================================================================================================
	// 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
	
	// menu : dedicated hosting
	var menu2 = ms.addMenu(document.getElementById("menu2"));
	menu2.addItem("<span class=\"menu_heading\">Books</span>", ""); // send no URL if nothing should happen onclick
	menu2.addItem("Autobiographies", myURL+"autobiography_why.htm");
	menu2.addItem("Childhood memories", myURL+"autobiography_childhood.htm");
	menu2.addItem("Creation Process", myURL+"autobiography_creation.htm");
	menu2.addItem("Case Studies", myURL+"autobiography_case.htm");
	menu2.addItem("Bookstore Quality", myURL+"autobiography_choice.htm");
	menu2.addItem("After You Order", myURL+"autobiography_after.htm");
	menu2.addItem("Products & Prices", myURL+"autobiography_products_prices.htm");
	menu2.addItem("<span class=\"menu_heading\">DVD & iPod Photoshow<span>", "");
	menu2.addItem("Why a Photoshow", myURL+"autobiography_photoshow_why.htm");
	menu2.addItem("Examples", myURL+"autobiography_photoshow_examples.htm");
	menu2.addItem("Creation Process", myURL+"photoshow_creation.htm");
	menu2.addItem("<span class=\"menu_heading\">Free Life Chart</span>", myURL+"autobiography_free.htm");

	// menu : internet access
	var menu3 = ms.addMenu(document.getElementById("menu3"));
	menu3.addItem("<span class=\"menu_heading\">Books<span>", "");
	menu3.addItem("Why A Biography?", myURL+"biography_why.htm");
	menu3.addItem("Creation Process", myURL+"biography_creation.htm");
	menu3.addItem("Case Studies", myURL+"biography_case.htm");
	menu3.addItem("Bookstore Quality", myURL+"biography_choice.htm");
	menu3.addItem("After You Order", myURL+"biography_after.htm");
	menu3.addItem("Products & Prices", myURL+"biography_products_prices.htm");
	menu3.addItem("<span class=\"menu_heading\">DVD & iPod Photoshow</span>", "");
	menu3.addItem("Why a Photoshow", myURL+"biography_photoshow_why.htm");
	menu3.addItem("Examples", myURL+"biography_photoshow_examples.htm");
	menu3.addItem("Creation Process", myURL+"photoshow_creation.htm");
	menu3.addItem("<span class=\"menu_heading\">Free Life Chart</span>", myURL+"biography_free.htm");

	// menu : web design
	var menu4 = ms.addMenu(document.getElementById("menu4"));
	menu4.addItem("<span class=\"menu_heading\">Books</span>", "");
	menu4.addItem("Why A Travel Memoir?", myURL+"travel_why.htm");
	menu4.addItem("Creation Process", myURL+"travel_creation.htm");
	menu4.addItem("Case Studies", myURL+"travel_case.htm");
	menu4.addItem("Bookstore Quality", myURL+"travel_choice.htm");
	menu4.addItem("After You Order", myURL+"travel_after.htm");
	menu4.addItem("Products & Prices", myURL+"travel_products_prices.htm");
	menu4.addItem("<span class=\"menu_heading\">DVD & iPod Photoshow</span>", "");
	menu4.addItem("Why a Photoshow", myURL+"travel_photoshow_why.htm");
	menu4.addItem("Examples", myURL+"travel_photoshow_examples.htm");
	menu4.addItem("Creation Process", myURL+"photoshow_creation.htm");
	
	var photoshow = ms.addMenu(document.getElementById("photoshow"));
	photoshow.addItem("Overview", myURL+"photoshow_overview.htm");
	photoshow.addItem("Examples", myURL+"photoshow_examples.htm");
	photoshow.addItem("Creation Process", myURL+"photoshow_creation.htm");
	photoshow.addItem("Prices", myURL+"photoshow_products_prices.htm");
	photoshow.addItem("Formats", myURL+"photoshow_formats.htm");
	photoshow.addItem("Packaging", myURL+"photoshow_packaging.htm");
	photoshow.addItem("Gift Ideas", myURL+"photoshow_gift.htm");


	// menu : ac4 login
	var menu5 = ms.addMenu(document.getElementById("menu5"));
	menu5.addItem("Example books", myURL+"case_customer.htm");
	menu5.addItem("Example photoshows", myURL+"case_examples.htm");
	menu5.addItem("CDs", myURL+"case_cds.htm");

	// menu : order online
	var menu6 = ms.addMenu(document.getElementById("menu6"));
	menu6.addItem("<span class=\"menu_heading\">Books</span>", "");
	menu6.addItem("Autobiographies", myURL+"autobiography_products_prices.htm");
	menu6.addItem("Biography Memoirs", myURL+"biography_products_prices.htm");
	menu6.addItem("Travel Memoirs", myURL+"travel_products_prices.htm");
	menu6.addItem("<span class=\"menu_heading\">Photoshows</span>", myURL+"photoshow_products_prices.htm");
	

	// menu : order online
	var menu7 = ms.addMenu(document.getElementById("menu7"));
	menu7.addItem("Print and movie brochure", myURL+"infopack.htm");

	// menu : order online
	var menu8 = ms.addMenu(document.getElementById("menu8"));
	menu8.addItem("<span class=\"menu_heading\">Books</span>", "");
	menu8.addItem("Autobiographies", myURL+"order_autobiography.htm");
	menu8.addItem("Biography Memoirs", myURL+"order_biography.htm");
	menu8.addItem("Travel Memoirs", myURL+"order_travel.htm");
	menu8.addItem("<span class=\"menu_heading\">Photoshows</span>", myURL+"order_photoshow.htm");

	// menu : order online
	var menu10 = ms.addMenu(document.getElementById("menu10"));
	menu10.addItem("Photo & Music Upload", myURL+"uptool_login.htm");
	menu10.addItem("Cover Designs", myURL+"cover_design.htm");
	menu10.addItem("Agreement", myURL+"agreement.htm");
	menu10.addItem("Free Life Chart", myURL+"autobiography_free.htm");

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