function init() { 
	//========================================================================================== 
	// if supported, initialize TransMenus 
	//========================================================================================== 
	// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers. 
	// This is better than server-side checking because it will also catch browsers which would 
	// normally support the menus but have javascript disabled. // 
	// If supported, call initialize() and then hook whatever image rollover code you need to do 
	// to the .onactivate and .ondeactivate events for each menu. 
	//========================================================================================== 
	if (TransMenu.isSupported()) { 
		TransMenu.initialize(); 
		// hook all the highlight swapping of the main toolbar to menu activation/deactivation 
		// instead of simple rollover to get the effect where the button stays hightlit until 
		// the menu is closed. 
		menu2.onactivate = function() {	document.getElementById("topmenu_tab2").className = "hover"; }; 
		menu2.ondeactivate = function() { document.getElementById("topmenu_tab2").className = ""; }; 
		menu3.onactivate = function() { document.getElementById("topmenu_tab3").className = "hover"; }; 
		menu3.ondeactivate = function() { document.getElementById("topmenu_tab3").className = ""; }; 
		menu4.onactivate = function() { document.getElementById("topmenu_tab4").className = "hover"; }; 
		menu4.ondeactivate = function() { document.getElementById("topmenu_tab4").className = ""; }; 
		menu5.onactivate = function() { document.getElementById("topmenu_tab5").className = "hover"; }; 
		menu5.ondeactivate = function() { document.getElementById("topmenu_tab5").className = ""; }; 
		//menu6.onactivate = function() { document.getElementById("topmenu_tab6").className = "hover"; };
		//menu6.ondeactivate = function() { document.getElementById("topmenu_tab6").className = ""; }; 
		//menu7.onactivate = function() { document.getElementById("topmenu_tab7").className = "hover"; }; 
		//menu7.ondeactivate = function() { document.getElementById("topmenu_tab7").className = ""; }; 
		//menu8.onactivate = function() { document.getElementById("topmenu_tab8").className = "hover"; }; 
		//menu8.ondeactivate = function() { document.getElementById("topmenu_tab8").className = ""; }; 
	} 
} 
// 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 menu2 = ms.addMenu(document.getElementById("topmenu_tab2")); 
	menu2.addItem("Directory", "/content/directory.php");
	menu2.addItem("Goals", "/content/goals.php");
	//================================================================================================== 
	//================================================================================================== 
	var menu3 = ms.addMenu(document.getElementById("topmenu_tab3")); 
	menu3.addItem("Tuition", "/content/tuition.php");
	menu3.addItem("Registration Forms", "/content/registration.php");
	menu3.addItem("Financial Aid", "/content/finaid.php");
	menu3.addItem("CTODP", "/content/ctodp.php");	
	//================================================================================================== 
	//================================================================================================== 
	var menu4 = ms.addMenu(document.getElementById("topmenu_tab4")); 
	menu4.addItem("School Handbook", "/resources/ParentHandbook.pdf", 1);
	menu4.addItem("Extended Care Handbook", "/resources/ExtendedCareHandbook.pdf", 1);
	menu4.addItem("Student Service Form", "/resources/ServiceHoursform.pdf", 1);
	menu4.addItem("Supply Lists", "/content/supplylists.php");
	menu4.addItem("Alumni", "/content/alumni.php");
	menu4.addItem("Ways to help SLK", "/content/waystohelp.php");
	//================================================================================================== 
	//================================================================================================== 
	var menu5 = ms.addMenu(document.getElementById("topmenu_tab5")); 
	menu5.addItem("Accreditations", "/content/accredidations.php");
	menu5.addItem("Schoolwide Learning Expectations", "/content/expectations.php");
	menu5.addItem("Diocesan Curriculum Guidelines", "http://www.diocesephoenix.org/catholicSchools/school_admin/curriculum.htm", 1);
	menu5.addItem("Religious Education", "/content/re.php");
	menu5.addItem("Academics", "/content/academics.php");
	menu5.addItem("Pre-K", "/content/prek.php");
	menu5.addItem("Sports Program", "/content/sports.php");
	//================================================================================================== 
	//================================================================================================== 
	//var menu6 = ms.addMenu(document.getElementById("topmenu_tab6")); 
	//================================================================================================== 
	//================================================================================================== 	
	//var menu7 = ms.addMenu(document.getElementById("topmenu_tab7")); 
 
	//================================================================================================== 
	//================================================================================================== 	
	//var menu8 = ms.addMenu(document.getElementById("topmenu_tab8")); 
	//menu8.addItem("Full Calendar", "/calendar"); 
	//================================================================================================== 
	//================================================================================================== 
	// 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(); 
}