	// 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, 0, 0, mtDropDown.reference.bottomLeft);

		//==================================================================================================
		// create a dropdown menu
		//==================================================================================================
		// the first parameter should be the HTML element which will act actuator for the menu
		//==================================================================================================


		//
// Profile
		//
		var menu01 = ms.addMenu(document.getElementById("menu01"));
		menu01.addItem("An Overview", "profile.htm");
		menu01.addItem("Portfolio", "sample.htm");
		menu01.addItem("Careers @ Kitinfinet", "jobs.htm");
		menu01.addItem("Contact Us", "contactus.htm");

		// Domains
		//
//		var menu2 = ms.addMenu(document.getElementById("menu2"));
//		menu2.addItem("WhoIs", "whois.htm");
//		//menu2.addItem("Register New Domain", "new_domain.htm");
//		menu2.addItem("Reseller Login", "reseller_login.htm");
//		menu2.addItem("Customer Login", "customer_login.htm");
//		menu2.addItem("Reseller Sign_in", "new_reseller.htm");
//		menu2.addItem("Help", "domain_help.htm");
		//==================================================================================================

		//==================================================================================================
		// 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])
		//==================================================================================================		

		//
		// Web Services
		//
		var menu3 = ms.addMenu(document.getElementById("menu3"));
		menu3.addItem("Hosting","hosting.htm");
		menu3.addItem("Designing","designing.htm");
		menu3.addItem("E-commerce","e-commerce.htm");
		menu3.addItem("Web Analytics","web_analytics.htm");
		menu3.addItem("Web-Consultancy","web_consultancy.htm");	
		menu3.addItem("Internet Marketing","internet_marketing.htm");	
		menu3.addItem("Search Engine Promotion","searchengine.htm");
		menu3.addItem("Email Marketing","email.htm");
		menu3.addItem("Sample Works","sample.htm");
		
		var subMenu31 = menu3.addMenu(menu3.items[1]);
		subMenu31.addItem("Website Design - Static","designing-new.htm");
		subMenu31.addItem("Flash Website", "designing-flash.htm");    
		subMenu31.addItem("Flash Intro", "designing-intro.htm");    
		subMenu31.addItem("Logo Designing", "designing-logo.htm");
		subMenu31.addItem("Website Re-designing", "designing-maintain.htm");    
		subMenu31.addItem("Web Maintenance", "designing-maintain.htm");   


		//
		// Multimedia
		//
		var menu4 = ms.addMenu(document.getElementById("menu4"));
		menu4.addItem("CD Presentation", "cd_presentation.htm");
		menu4.addItem("Documentary Films", "documentary_films.htm");
		menu4.addItem("Interactive Panorama/360<sup>0</sup> Virtul Tour", "panoramas.htm");
		menu4.addItem("Interactive Geographical Map", "interactive_flash_map.htm");
		menu4.addItem("E-greetings", "e_greetings.htm");
		menu4.addItem("E-Games", "e_games.htm");		
		
		// Resources
		var menu5 = ms.addMenu(document.getElementById("menu5"));
		menu5.addItem("Configure Mail Manager","configureMail.htm");		
		menu5.addItem("Webmail FAQ","faq_webmail.htm");
		menu5.addItem("FTP Tutorials","ftp_tutorials.htm");
		menu5.addItem("Downloads","download.htm");		
		menu5.addItem("Web-Search","google.htm");		
		menu5.addItem("Web-Resources","web_resource.htm");		

			
		// Promotion Solution
		var menu6 = ms.addMenu(document.getElementById("menu6"));
		menu6.addItem("Internet Marketing","internet_marketing.htm");
		menu6.addItem("Bulk SMS Campaign","bulkSMScampaign.htm");
		menu6.addItem("IVR Solution","IVRsolution.htm");
		
		var subMenu61 = menu6.addMenu(menu6.items[0]);
		subMenu61.addItem("Search Engine Promotion","searchengine.htm");
		subMenu61.addItem("Bulk Email Campaign","email.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();
	}
