//document.writeln ("<div id=\"navigation\" style=\"position:absolute; left:0px; top:185px; width:771px; height:25px; z-index:9999999;\">");   /// remove side bars*
document.writeln ("<div id=\"navigation\" style=\"position:absolute; left:0px; top:185px; width:801px; height:25px; z-index:9999999;\">");
document.writeln ("<div id=\"banner\"></div>");
document.writeln ("<div id=\"content\">");
document.writeln ("<div id=\"wrap\">");
document.writeln ("<div id=\"menu\">");

document.writeln ("<a id=\"liguria\" href=\"index.html\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;OCCS Home</a>");
document.writeln ("<a id=\"lombardia\" href=\"pictures.html\">Photo Gallery</span>");
document.writeln ("<a id=\"veneto\" href=\"regulations.html\">School Regulations</a>");
//document.writeln ("<a id=\"umbria\" href=\"http://www.columbus-occs.org/SchoolRegistration/2007Fall/registration.html\">Registration</a>");
document.writeln ("<a id=\"umbria\" href=\"http://www.dreamschool.com/occs/enrollment\">Registration</a>");
document.writeln ("<a id=\"toscana\" href=\"newletters.html\">Newsletters</a>");
document.writeln ("<a id=\"yearbooks\" href=\"yearbooks.html\">Yearbooks</a>");
document.writeln ("<a id=\"library\" href=\"library.html\">Library</a>");

//document.writeln ("<a id=\"lazio\" href=\"announcement.html\">Message Center</a>");
//document.writeln ("<a id=\"lazio2\" href=\"http://www.columbus-occs.org/Library/PublishedWeb/\">OCCS Library</a>");
document.writeln ("</div>");
document.writeln ("</div>");
document.writeln ("</div>");
document.writeln ("</div>");


	// 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("liguria"));
		menu1.addItem("Ventimiglia", "http://youngpup.net/italy/photos/ventimiglia/thumb/102_0261.jpg"); 
		menu1.addItem("Cinque Terre", ""); // send no URL if nothing should happen onclick

		var submenu0 = menu1.addMenu(menu1.items[1]);
		submenu0.addItem("Monterosso", "http://youngpup.net/italy/photos/cinqueterre/104_0458.jpg");
		submenu0.addItem("Vernazza", "");

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

		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("lombardia"));
		//--menu2.addItem("2009 Pianist Tiffany Poon", "");
		//var submenu28 = menu2.addMenu(menu2.items[0]);
		
		menu2.addItem("2009/10/10 &#33775;&#35028;&#23569;&#24180;&#37628;&#29748;&#26032;&#26143;&#28504;&#27963;&#27963;", "pictures_2009_Poon.html");
		menu2.addItem("2009/10/01 2009 &#22269;&#24198;", "pictures_2009_NationalDay.html");
		menu2.addItem("2008/05/25 The Art Festival with China Overseas Exchange Association", "<A>imgs_2008_QiaoBan/default.htm");
		menu2.addItem("2008/05/14 Volunteer Picnic at Scioto Park, Dulbin", "<A>imgs_2008_VolunteerPicnic/default.htm");
		menu2.addItem("2008/03/30 Teachers Meeting", "<A>pictures.html?20080330");
		menu2.addItem("2008/02/03 Spring Festival Video Clip", "<A>2008_SF_Video.html");
		menu2.addItem("2008/02/03 Spring Festival - Go Matches", "<A>imgs_2008_SpringFestival/Go Matches/default.htm");
		menu2.addItem("2007/09/23 Mid-Autumn Festival 1", "<A>imgs2007_MidAutumn_1/default.htm");
		menu2.addItem("2007/09/23 Mid-Autumn Festival 2", "<A>imgs2007_MidAutumn_2/default.htm");
		menu2.addItem("2007/04/01 Teachers Meeting", "<A>Teacher_2007/default.htm");
		menu2.addItem("2007/02/18 Chinese New Year Celebration", "<A>2007ChineseNY.htm");
		menu2.addItem("2005/08/31 Teachers Meeting", "pictures.html?20050831");
		menu2.addItem("2005/09/03 Party at Li Miru's Home", "pictures.html?20050903");
		menu2.addItem("List of all Pictures", "pictures.html");

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

		//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("veneto"));
		menu3.addItem("OCCS Bylaw","<A>SchoolAdministration/bylaw.pdf");
		menu3.addItem("Election Rules","<A>SchoolAdministration/election_rule.pdf");
		menu3.addItem("<span class='ch12blueC'>&#23478;&#38271;&#23432;&#21017;</span> Parent/Guardian Code of Conduct","<A>SchoolAdministration/2009ParentRegulations.doc");
		menu3.addItem("<span class='ch12blueC'>&#35838;&#22530;&#23478;&#38271;&#20540;&#29677;&#21046;&#24230;</span> Room Parent System","<A>SchoolAdministration/room-parent.doc");
		menu3.addItem("<span class='ch12blueC'>&#23478;&#38271;&#23433;&#20840;&#20540;&#21220;&#32844;&#36131;</span> Parent Patrol Regulation","<A>SchoolAdministration/Parent_Patrol_Regulation.doc");
		menu3.addItem("<span class='ch12blueC'>&#23398;&#29983;&#23432;&#21017;</span> Student Code of Conduct","<A>SchoolAdministration/StudentsCode_of_Conduct.doc");
		menu3.addItem("Teacher Code of Conduct","<A>SchoolAdministration/Regulations forTeachers8-30-05.pdf");
		menu3.addItem("<span class='ch12blueC'>&#23398;&#26657;&#22330;&#22320;&#20351;&#29992;&#12289;&#31649;&#29702;&#26465;&#20363;</span>&nbsp;School Facility Management Regulations","<A>SchoolAdministration/Facility_Usage_Regulations.doc");
		menu3.addItem("School Properties Usage Regulations","<A>SchoolAdministration/SchoolPropertyRegulation.pdf");
//<!--		menu3.addItem("School Security Policy Update 2006-2007","<A>SchoolAdministration/SchoolSecurityPolicyUpdate2006-2007_Eng.pdf");-->
		menu3.addItem("Student and Parent/Guardian Code of Conduct Agreement","<A>SchoolAdministration/Code_of_Conduct_Agreement-1.doc");
		menu3.addItem("List of All Regulations","regulations.html");
				
		//==================================================================================================

		//==================================================================================================
		var menu4 = ms.addMenu(document.getElementById("toscana"));
		menu4.addItem("2010 Newsletters", "");
		menu4.addItem("2009 Newsletters", "");
		menu4.addItem("2008 Newsletters", "");
		menu4.addItem("2007 Newsletters", "");
		menu4.addItem("2006 Newsletters", "");
		menu4.addItem("2005 Newsletters", "");
		menu4.addItem("2004 Newsletters", "");
		menu4.addItem("List of All Newsletters", "newletters.html");

		var submenu37 = menu4.addMenu(menu4.items[0]);
		var submenu38 = menu4.addMenu(menu4.items[1]);
		var submenu39 = menu4.addMenu(menu4.items[2]);
		var submenu40 = menu4.addMenu(menu4.items[3]);
		var submenu41 = menu4.addMenu(menu4.items[4]);
		var submenu42 = menu4.addMenu(menu4.items[5]);
		var submenu43 = menu4.addMenu(menu4.items[6]);
		
		submenu37.addItem("2010/04", "<A>Newsletter/xiaokan_201004.pdf");
		submenu37.addItem("2010/03", "<A>Newsletter/xiaokan_201003.pdf");
		submenu37.addItem("2010/02", "<A>Newsletter/xiaokan_201002.pdf");
		submenu37.addItem("2010/01", "<A>Newsletter/xiaokan_201001.pdf");
		
		submenu38.addItem("2009/12", "<A>Newsletter/xiaokan_200912.pdf");
		submenu38.addItem("2009/11", "<A>Newsletter/xiaokan_200911.pdf");
		submenu38.addItem("2009/10", "<A>Newsletter/xiaokan_20090910.pdf");
		submenu38.addItem("2009/04", "<A>Newsletter/xiaokan_200904.pdf");
		submenu38.addItem("2009/03", "<A>Newsletter/xiaokan_200903.pdf");
		submenu38.addItem("2009/02", "<A>Newsletter/Xiaokan_2009ChinaDay.pdf");
		submenu38.addItem("2009/01", "<A>Newsletter/xiaokan_200901.pdf");
		
		submenu39.addItem("2008/12/15", "<A>Newsletter/xiaokan_2008_12.pdf");
		submenu39.addItem("2008/11/16", "<A>Newsletter/xiaokan_2008_11.pdf");
		submenu39.addItem("2008/10/21", "<A>Newsletter/xiaokan_200810.pdf");
		submenu39.addItem("2008/09/21", "<A>Newsletter/xiaokan_20080921.pdf");
		submenu39.addItem("2008/05/11", "<A>Newsletter/xiaokan_20080511.pdf");
		submenu39.addItem("2008/04/13", "<A>Newsletter/xiaokan-4-13-08.pdf");
		submenu39.addItem("2008/03/02", "<A>Newsletter/xiaokan-3-2-08.pdf");
		submenu39.addItem("2008/02/03", "<A>Newsletter/xiaokan_20080202.pdf");
		submenu39.addItem("2008/01/27", "<A>Newsletter/xiaokan_20080127.pdf");
		
		submenu40.addItem("2007/12/16", "<A>Newsletter/xiaokan_20071216.pdf");
		submenu40.addItem("2007/11/18", "<A>Newsletter/xiaokan11-18-07.pdf");
		submenu40.addItem("2007/10/28", "<A>Newsletter/xiaokan_20071028.pdf");
		submenu40.addItem("2007/09/23", "<A>Newsletter/xiaokan_20070923.pdf");
		submenu40.addItem("2007/08/26", "<A>Newsletter/xiaokan_20070826.pdf");
		submenu40.addItem("2007/06/03", "<A>Newsletter/xiaokan_20070603.pdf");
		submenu40.addItem("2007/05/06", "<A>Newsletter/xiaokan_20070506.pdf");
		submenu40.addItem("2007/04/15", "<A>Newsletter/xiaokan_20070415.pdf");
		submenu40.addItem("2007/03/04", "<A>Newsletter/xiaokan_20070304.pdf");
		submenu40.addItem("2007/02/04", "<A>Newsletter/xiaokan_20070204.pdf");
		submenu40.addItem("2007/01/14", "<A>Newsletter/xiaokan_20070114.pdf");
		
		submenu41.addItem("2006/12/05", "<A>Newsletter/xiaokan_20061203.pdf");
		submenu41.addItem("2006/11/05", "<A>Newsletter/xiaokan_20061105.pdf");
		submenu41.addItem("2006/10/08", "<A>Newsletter/xiaokan_20061008.pdf");
		submenu41.addItem("2006/09/10", "<A>Newsletter/xiaokan_20060910.pdf");

		submenu42.addItem("2005 10-1 Vol.", "<A>Newsletter/Liaoyuan10_2_05.pdf");
		submenu42.addItem("2005 5-1 Vol.", "<A>Newsletter/Liaoyuan 2005-5-15.pdf");
		submenu42.addItem("2005 4-1 Vol.", "<A>Newsletter/Liaoyuan 2005-4-10.pdf");
		submenu42.addItem("2005 2-1 Vol.", "<A>Newsletter/Liaoyuan 2005-2-13.pdf");
		submenu42.addItem("2005 1-1 Vol.", "<A>Newsletter/Liaoyuan 2005-1-23.pdf");
		
		submenu43.addItem("2004 12-1 Vol.", "<A>Newsletter/Liaoyuan 2004-12-19.pdf");
		submenu43.addItem("2004 11-1 Vol.", "<A>Newsletter/Liaoyuan 2004-11-21.pdf");
		submenu43.addItem("2004 10-1 Vol.", "<A>Newsletter/Liaoyuan 2004-9-26.pdf");
		submenu43.addItem("2004 5-4 Vol.", "<A>Newsletter/Liaoyuan 2004-5-23.pdf");
    	//==================================================================================================

		//==================================================================================================
		var menu5 = ms.addMenu(document.getElementById("umbria"));
		//menu5.addItem("Registration Procedure","http://www.columbus-occs.org/SchoolRegistration/2007Fall/registration.html");
		//menu5.addItem("Registration Procedure","registration.html");
		//menu5.addItem("Tuition and Fees","http://www.columbus-occs.org/SchoolRegistration/2007Fall/tuition.html");
		//menu5.addItem("Tuition and Fees","tuition.html");
		//menu5.addItem("Course Descriptions","http://www.columbus-occs.org/SchoolRegistration/2007Fall/classes.html");
		//menu5.addItem("Class Schedule and Descriptions","course_descriptions.html");
		//menu5.addItem("Online Registration","http://www.dreamschool.com/occs");
		menu5.addItem("Online Registration","<P>http://www.dreamschool.com/occs/enrollment");
		//menu5.addItem("Class Rosters","<A>register/Default.aspx");
		
		//==================================================================================================
		var menu6 = ms.addMenu(document.getElementById("library"));
		//menu5.addItem("Registration Procedure","http://www.columbus-occs.org/SchoolRegistration/2007Fall/registration.html");
		menu6.addItem("Brief Introduction","library.html");
		menu6.addItem("General Information","library_general.html");
		menu6.addItem("Library Regulations","library_rule.html");
		
		//==================================================================================================
		var menu7 = ms.addMenu(document.getElementById("yearbooks"));
		menu7.addItem("2009 Yearbook", "");
		menu7.addItem("2008 Yearbook", "<A>yearbooks/2008_yearbook.pdf");
		menu7.addItem("2007 Yearbook", "<A>yearbooks/2007_yearbook.pdf");
		menu7.addItem("List of All Yearbooks", "yearbooks.html");

		var submenu71 = menu7.addMenu(menu7.items[0]);
		
		submenu71.addItem("Part I", "<A>yearbooks/2009_yearbook_1_8.pdf");
		submenu71.addItem("Part II", "<A>yearbooks/2009_yearbook_9_40.pdf");
		submenu71.addItem("Part III", "<A>yearbooks/2009_yearbook_41_52.pdf");
		
		//==================================================================================================
		// 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();
	}
