// 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, -70, 2, 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("Life At PCTE","#.htm"); // send no URL if nothing should happen onclick

	menu1.addItem("labs ", "#.htm"); // send no URL if nothing should happeonclick

	menu1.addItem("labs ", "#.htm"); // send no URL if nothing should happeonclick
	
	menu1.addItem("Collaborations ", "/home/collaborations.htm"); // send no URL if nothing should happeonclick

	

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



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

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

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

	var subMenu1 = menu1.addMenu(menu1.items[0]);

	subMenu1.addItem("Labs ", "/home/labs.htm");

	subMenu1.addItem("Cafe ", "/home/cafe.htm");

	subMenu1.addItem("Classrooms ", "/home/classrooms.htm");
	
	subMenu1.addItem("Library ", "/home/library.htm");
	
	subMenu1.addItem("WIFI Campus ", "/home/wifi_campus.htm");

	subMenu1.addItem("Coffee Shop ", "/homecoffee_shop.htm");
	
	subMenu1.addItem("Seminar Hall ", "/home/seminar_hall.htm");
	
	

	

	var subMenu1 = menu1.addMenu(menu1.items[1]);

	subMenu1.addItem("Quick Facts ", "/home/qucik_facts.htm");

	subMenu1.addItem("Academics ", "/homeacademics.htm");

	subMenu1.addItem("Cultural ", "/home/cultural.htm");
	
	subMenu1.addItem("PCTE IN NEWS ", "/home/PCTE_in_news.htm");
	
	subMenu1.addItem("COLLABORATIONS ", "/home/collaborations.htm");
	

	

			var subMenu1 = menu1.addMenu(menu1.items[2]);

	subMenu1.addItem("Ehsaas ", "/home/ehsaas.htm");

	subMenu1.addItem("Koshish ", "/home/koshish.htm");

	subMenu1.addItem("Wed.Activity ", "/home/wed_activity.htm");
	
	subMenu1.addItem("ing Club ", "/home/ing_club.htm");

	subMenu1.addItem("SWAP ", "/home/swap.htm");

	subMenu1.addItem("PD & News ", "/home/pd_news.htm");
	
	subMenu1.addItem("Tours & Trips ", "/home/tours_trips.htm");

	subMenu1.addItem("Guest Lectures", "/home/guest_lectures.htm");

	subMenu1.addItem("industrial_visit", "industrial_visit.htm");

	

	//submenu

	//var subMenu2 = menu1.addMenu(menu1.items[2]);

//subMenu2.addItem(". pd500", "cpanel.php?p=pd500");

//subMenu2.addItem(". pd1500", "cpanel.php?p=pd1500");

	//subMenu2.addItem(". pd2500", "cpanel.php?p=pd2500");







// menu : dedicated hosting

	var menu2 = ms.addMenu(document.getElementById("menu2"));

	menu2.addItem("- no1", "dedicated.php");

	menu2.addItem("- Servers", "no1.php?p=appliance");

	menu2.addItem("- Custom Solutions", "dedicated.php?p=custom");



		

	// menu : internet access

	var menu3 = ms.addMenu(document.getElementById("menu3"));

	menu3.addItem("- Overview", "access.php");

	menu3.addItem("- Dial-Up", "access.php");

	//menu3.addItem("- 56k Dial", "access.php?p=56k");

	//menu3.addItem("- 56k High Speed Dial", "access.php?p=56khs");

	//menu3.addItem("- Access Numbers", "access.php?p=search");

	menu3.addItem("- Wired T1", "access.php?p=wiredt1");

	menu3.addItem("- Wireless T1", "access.php?p=wirelesst1");



	var subMenu3 = menu3.addMenu(menu3.items[1]);

	subMenu3.addItem(". 56k Dial", "access.php?p=56k");

	subMenu3.addItem(". 56k High Speed Dial", "access.php?p=56khs");

	subMenu3.addItem(". Access Numbers", "access.php?p=search");

	subMenu3.addItem(". Software", "access.php?p=sw");





	// menu : web design

	var menu4 = ms.addMenu(document.getElementById("menu4"));

	menu4.addItem("- About", "design.php?p=about");

	menu4.addItem("- Quotation", "design.php?p=quotation");

	menu4.addItem("- Portfolio", "design.php?p=portfolio");

				

	// menu : ac4 login

	var menu5 = ms.addMenu(document.getElementById("menu5"));

	menu5.addItem("- AC4 Login", "ac4/");

	menu5.addItem("- Reset Pass", "ac4/");

	menu5.addItem("- About AC4", "about.php?p=ac4");



	// menu : order online

	var menu6 = ms.addMenu(document.getElementById("menu6"));

	menu6.addItem("Order Wizard", "https://www.phillipsdata.com/order.php");



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

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

}