// 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()) {
	//==================================================================================================
	// 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 menu1 = ms.addMenu(document.getElementById("gebet"));
	menu1.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Gebet", "http://www.teensinmission.de/t3/index.php?id=24");
	menu1.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Was ist der TPC?", "http://www.teensinmission.de/t3/index.php?id=35"); 
	menu1.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;TPC Bad Liebenzell", "http://www.teensinmission.de/t3/index.php?id=36"); //Changed by Schorsch 2009-11-26
	menu1.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;GIM PC Hamburg", "http://www.teensinmission.de/t3/index.php?id=61");  //Changed by Schorsch 2009-11-26
	menu1.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;TPC Meck-Pom", "http://www.teensinmission.de/t3/index.php?id=62");  //Changed by Schorsch 2009-11-26
	menu1.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;YOUPC Frankfurt", "http://www.teensinmission.de/t3/index.php?id=100");	//Added by Stivi 2009-01-05 //Changed by Schorsch 2009-11-26
	// removed due to request 2008-05-07 menu1.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;TPC Austria", "http://www.teensinmission.de/t3/index.php?id=63");
	menu1.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Prayermail", "http://www.teensinmission.de/t3/index.php?id=67");
	menu1.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Fotos", "http://www.teensinmission.de/t3/index.php?id=38");

		/* var submenu0 = menu1.addMenu(menu1.items[1]);
		submenu0.addItem("Monterosso", "http://youngpup.net/italy/photos/cinqueterre/104_0458.jpg");
		submenu0.addItem("Manorola", "http://youngpup.net/italy/photos/cinqueterre/thumb/104_0474.jpg");
		submenu0.addItem("Corniglia", "http://youngpup.net/italy/photos/cinqueterre/104_0472.jpg");
		submenu0.addItem("Rio Maggiore", "http://youngpup.net/italy/photos/cinqueterre/105_0522.jpg");
		submenu0.addItem("Vernazza", "");
		submenu0.addItem("Apartment", "");
		submenu0.addItem("Via del Amore", "");
		submenu0.addItem("Rocky beach", "");
		submenu0.addItem("Swimming hole", "");

    		var submenu00 = submenu0.addMenu(submenu0.items[0]);
    		submenu00.addItem("foo");
    		submenu00.addItem("bar"); */
			
	//==================================================================================================

	var menu2 = ms.addMenu(document.getElementById("mission"));
	menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Mission", "http://www.teensinmission.de/t3/index.php?id=25");
	// added due to request 2007-08-30 matthias@matthiashub.de
	menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Flaschenpost", "http://www.teensinmission.de/t3/index.php?id=68");
	// commented due to request 2006-09-21 matthias@matthiashub.de menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Reach MeckPom", "#");
	// added due to request 2007-05-25 matthias@matthiashub.de
	menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Reach MeckPom", "http://www.teensinmission.de/t3/index.php?id=41");
	//altered due to request 2009-01-05 Stivi	//menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Reach Spain", "http://www.teensinmission.de/t3/index.php?id=39");
	// altered due to request 2006-10-03 matthias@matthiashub.de menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Reach Austria", "http://www.teensinmission.de/mission/reachAUT06");
	// altered due to request 2008-03-18 matthias@matthiashub.de menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Reach Austria", "http://www.teensinmission.de/t3/index.php?id=40");
	menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Reach Austria", "http://www.teensinmission.de/t3/index.php?id=40");
	// added due to request 2007-10-24 matthias@matthiashub.de
	menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Reach Hessen", "http://teensinmission.de/mission/reachhessen/");	// Added by Stivi 2009-01-05
	menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Reach Sachsen-Anhalt", "http://www.teensinmission.de/t3/index.php?id=102");	// Added by Schorsch 2009-11-26
	menu2.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Fotos", "http://www.teensinmission.de/t3/index.php?id=44");

		/* var submenu1 = menu2.addMenu(menu2.items[0]);
		submenu1.addItem("Galeria", "");
		submenu1.addItem("Duomo", "");
		submenu1.addItem("Castle", ""); */

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

	var menu3 = ms.addMenu(document.getElementById("juenger"));
	menu3.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Jüngerschaft", "http://www.teensinmission.de/t3/index.php?id=26");
	menu3.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Jüngerschaftsschule FTS", "http://www.teensinmission.de/t3/index.php?id=45");
	menu3.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Name/Geschichte", "http://www.teensinmission.de/t3/index.php?id=47");
	menu3.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Infomappe &<br>&nbsp;&nbsp;&nbsp;&nbsp;Anmeldeunterlagen", "http://www.teensinmission.de/t3/index.php?id=48");
	menu3.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Lehrplan", "http://www.teensinmission.de/t3/index.php?id=49");
	menu3.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Schwerpunkte", "http://www.teensinmission.de/t3/index.php?id=50");
	menu3.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Gastwochen", "http://www.teensinmission.de/t3/index.php?id=60");

		/* var submenu2 = menu3.addMenu(menu3.items[1]);
		var submenu3 = menu3.addMenu(menu3.items[3]);

		submenu2.addItem("Link1", "");
		submenu2.addItem("Link2", "");
		submenu2.addItem("Link3", "");
		submenu2.addItem("Link4", "");

		submenu3.addItem("Link5", "");
		submenu3.addItem("Link6", "");
		submenu3.addItem("Link7", "");
		submenu3.addItem("Link8", "");
		submenu3.addItem("Link9", ""); */
		
	//==================================================================================================

	var menu4 = ms.addMenu(document.getElementById("dsw"));
	menu4.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Kontakt", "http://www.teensinmission.de/t3/index.php?id=30");
	menu4.addItem("<font color='#FF8000'>&bull;</font>&nbsp;&nbsp;Tim-Vision", "http://www.teensinmission.de/t3/index.php?id=52");

		/* var submenu4 = menu4.addMenu(menu4.items[0]);
		var submenu5 = menu4.addMenu(menu4.items[1]);

		submenu4.addItem("Hostile", "");
		submenu4.addItem("Duomo", "");
		submenu4.addItem("Pitti Palace", "");
		submenu4.addItem("Ponte Vecchio", "");

		submenu5.addItem("Il Campo", "");
		submenu5.addItem("Roman Center", "");
		submenu5.addItem("Duomo", ""); */

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