	// 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, -25, 8, mtDropDown.reference.topRight);

		//==================================================================================================
		// create a dropdown menu
		//==================================================================================================
		// the first parameter should be the HTML element which will act actuator for the menu
		//==================================================================================================

		//
		// About Robocup2004
		//
		var menu1 = ms.addMenu(document.getElementById("menu1"));
		menu1.addItem("CCTV Camera", "CCTV_Camera.html");
		menu1.addItem("DVR", "D_V_R.html");
		menu1.addItem("Accessories", "#");
		
		
		/*var subMenu11 = menu1.addMenu(menu1.items[3]);
		subMenu11.addItem("Our Mission & Vision","#");
		subMenu11.addItem("Components – Organogram","#");
		subMenu11.addItem("Our implementation strategies","#");
		subMenu11.addItem("Board of Trustees (BOT)","#");
		subMenu11.addItem("Sub Committees","#");
		subMenu11.addItem("Our Commitments ","#");
		subMenu11.addItem("Policy Level Support ","#");
		subMenu11.addItem("Our Achievements","#");
		subMenu11.addItem("Linkages/Networking ","#");
		subMenu11.addItem("Development Partners","#");
		subMenu11.addItem("Whom we work for ","#");
		subMenu11.addItem("Service Providers ","#");
		subMenu11.addItem("Our Regional Leadership Role ","#");
		subMenu11.addItem("We as National Focal Point on IYCF","#");
		subMenu11.addItem("Working Opportunities with us","#");*/
		
		
		//==================================================================================================

		//==================================================================================================
		// 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])
		//==================================================================================================		

		//
		// RoboCup Soccer
		//
		var menu2 = ms.addMenu(document.getElementById("menu2"));
		menu2.addItem("Sample1","#");
		menu2.addItem("Sample2","#");
		menu2.addItem("Sample3","#");
		
		/*var subMenu21 = menu2.addMenu(menu2.items[0]);
		subMenu21.addItem("Role in IYCF","#");
		subMenu21.addItem("Complementary feeding- recipes","#");
		subMenu21.addItem("Complementary feeding- recipes","#");
		subMenu21.addItem("Promoting Maternal Nutrition ","#");
		
		var subMenu21 = menu2.addMenu(menu2.items[1]);
		subMenu21.addItem("Success in Mother Support Group","#");
		
		var subMenu21 = menu2.addMenu(menu2.items[2]);
		subMenu21.addItem("BFHI Movement","#");
		
		var subMenu21 = menu2.addMenu(menu2.items[3]);
		subMenu21.addItem("Breastfeeding Management Centre ( BFMC)","#");
		subMenu21.addItem("Achievements in LMC","#");
		subMenu21.addItem("Counseling","#");
		
		var subMenu21 = menu2.addMenu(menu2.items[4]);
		subMenu21.addItem("Media Communication","#");
		subMenu21.addItem("BCC Resource Material","#");
		subMenu21.addItem("Publications","#");
		
		var subMenu21 = menu2.addMenu(menu2.items[5]);
		subMenu21.addItem("Skill training for  Human Resource Development","#");
		
		var subMenu21 = menu2.addMenu(menu2.items[6]);
		subMenu21.addItem("Monitoring on BMS code Violation","#");
		subMenu21.addItem("Monitoring BFHI & MSG","#");
		subMenu21.addItem("Research","#");*/
		
		

	    var menu3 = ms.addMenu(document.getElementById("menu3"));
		menu3.addItem("Sample1", "#");
		menu3.addItem("Sample2", "#");
		menu3.addItem("Sample3", "#");
		menu3.addItem("Sample14", "#");
		menu3.addItem("Sample15", "#");

		
		var subMenu31 = menu3.addMenu(menu3.items[0]);
		subMenu31.addItem("Sample1","#");
		subMenu31.addItem("Sample2","#");
		subMenu31.addItem("Sample3","#");
		subMenu31.addItem("Sample4","#");
		subMenu31.addItem("Sample5","#");
		subMenu31.addItem("Sample6","#");
		subMenu31.addItem("Sample7","#");
		
		
var subMenu31 = menu3.addMenu(menu3.items[2]);
		subMenu31.addItem("Sample1","#");
		subMenu31.addItem("Sample2","#");
		subMenu31.addItem("Sample3","#");
		
		var subMenu31 = menu3.addMenu(menu3.items[3]);
		subMenu31.addItem("TIFA","#");
		
		// Robocup Junior
		var menu4 = ms.addMenu(document.getElementById("menu4"));
		menu4.addItem("Sample1","#");		
		menu4.addItem("Sample2","#");
		menu4.addItem("Sample3","#");
		menu4.addItem("Sample4","#");
		menu4.addItem("Sample5","#"); 
		

		var subMenu41 = menu4.addMenu(menu4.items[0]);
		subMenu41.addItem("Sample1","#");
		subMenu41.addItem("Sample2","#");
		subMenu41.addItem("Sample3","#");

		var subMenu42 = menu4.addMenu(menu4.items[1]);
		subMenu42.addItem("Sample1","#");
		
		var subMenu42 = menu4.addMenu(menu4.items[2]);
		subMenu42.addItem("Sample1","#");
		subMenu42.addItem("Sample2","#");
		subMenu42.addItem("Sample3","#");
		
		
		var menu5 = ms.addMenu(document.getElementById("menu5"));
		menu5.addItem("Sample1","#");		
		menu5.addItem("Sample2","#");		
		menu5.addItem("Sample3","#");
		
		var menu6 = ms.addMenu(document.getElementById("menu6"));
		menu6.addItem("Sample1","#");		
		menu6.addItem("Sample2","#");		
		menu6.addItem("Sample3","#");		
		
		var menu7 = ms.addMenu(document.getElementById("menu7"));
		menu7.addItem("Sample1","#");		
		menu7.addItem("Sample2","#");		
		menu7.addItem("Sample3","#");	
		/*var menu5 = ms.addMenu(document.getElementById("menu5"));
		menu5.addItem("Información Financiera", "#");
		menu5.addItem("Indicadores", "#");
		menu5.addItem("Eventos Relevantes", "#");
		
		var menu6 = ms.addMenu(document.getElementById("menu6"));
		menu6.addItem("Pago en Línea", "#");*/		

		//==================================================================================================
		// 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();
	}
