	// 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 (graniteDropDown.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 graniteDropDownSet(graniteDropDown.direction.down, 0, 0, graniteDropDown.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("menu1"));
		//menu1.addItem("- Code of Conduct", "#"); // send no URL if nothing should happen onclick
		
		var menu2 = ms.addMenu(document.getElementById("menu2"));
		 // send no URL if nothing should happen onclick
		
	

		
		//==================================================================================================

		//==================================================================================================
		// 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])
		//==================================================================================================
		// submenu
		
	
		
		// menu
    	var menu3 = ms.addMenu(document.getElementById("menu3"));
		
		menu3.addItem( "- Our History",  "profile.htm");
		menu3.addItem("- Board of Directors ","directors.htm");
		menu3.addItem("- Career with us", "career.htm");

	
		
		
		// menu
		var menu4 = ms.addMenu(document.getElementById("menu4"));
		menu4.addItem(" - Paints and Coatings ",  "products.htm");
		menu4.addItem("- PVC Heat Stabilizers  ", "pvc-heat-stabilizers.htm");
		menu4.addItem("- Fiberglass Additives ", "fiberglass-additives.htm");
		menu4.addItem("- Lube Additives ", "lube-additives.htm");
		menu4.addItem("- Tin / Tinfree  Catalysts ","catalysts.htm");
		menu4.addItem("- Petroleum / Refining ", "petroleum.htm");

		
		
		var subMenu4 = menu4.addMenu(menu4.items[0]);
		subMenu4.addItem("- <strong><font color=#07457E>PAINT DRIERS </strong><br>&nbsp; <strong>&loz;</strong><font color=#005271>Cobalt Octoate </font>&nbsp; <strong>&loz;</strong><font color=#005271>Manganese Octoate </font> <br> &nbsp; <strong>&loz;</strong><font color=#005271>Calcium Octoate </font> &nbsp; <strong>&loz;</strong><font color=#005271>Lead Octoate </font> <br> &nbsp; <strong>&loz;</strong><font color=#005271>Zinc Octoate </font> &nbsp; <strong>&loz;</strong><font color=#005271>Zirconium Octoate </font><br> &nbsp; <strong>&loz;</strong><font color=#005271>Copper Naphthenate </font> &nbsp; <strong>&loz;</strong><font color=#005271>Barium Octoate</font><br> &nbsp; <strong>&loz;</strong><font color=#005271>Combination Driers </font> &nbsp; <strong>&loz;</strong><font color=#005271>Cobalt Octoate </font>",  "products.htm");
		subMenu4.addItem("- <strong><font color=#07457E>ANTI SKINNING AGENT </font> </strong><br>&nbsp;<font color=#005271> Meko (Methyl Ethyl Ketoxime)</font> <br>&nbsp; In air drying paints problems may occur <br>&nbsp; due to premature contact with air... ", "products.htm");
		
		
		// submenu
		var subMenu4 = menu4.addMenu(menu4.items[1]);
		subMenu4.addItem("- <strong><font color=#07457E> Grade Selection by application  </strong><br>&nbsp; <strong>&loz;</strong><font color=#005271>Organo Tin Stabilizers Chart </font><br>&nbsp; <strong>&loz;</strong><font color=#005271>Mixed Metal Stabilizers Chart	 </font><br>&nbsp;&nbsp;<strong>&loz;</strong><font color=#005271>Organo Tin Stabilizers Chart </font> ", "chart.htm");
		subMenu4.addItem("- <strong><font color=#07457E> Ogranotin Stabilizers </strong><br>&nbsp; <strong>&loz;</strong><font color=#005271>Organo Tin Mercaptides </font><br>&nbsp; <strong>&loz;</strong><font color=#005271>Organo Tin Carboxylates </font> ", "pvc-heat-stabilizers.htm");
		subMenu4.addItem("- <strong><font color=#07457E> Liquid Mixed Metals </strong><br>&nbsp; <strong>&loz;</strong><font color=#005271>Barium / Cadmium</font><strong> &nbsp; &loz;</strong><font color=#005271>Barium / Zinc</font><br><strong> &nbsp; &loz;</strong><font color=#005271>Barium / Cadmium / Zinc</font>&nbsp;<strong>&loz;</strong><font color=#005271>Calcium / Zinc</font><br>&nbsp; <strong>&loz;</strong><font color=#005271>Barium / Lead</font> ", "pvc-heat-stabilizers.htm");
		subMenu4.addItem("- <strong><font color=#07457E>  Co-Stabilizer (ESBO)  </strong><br>&nbsp; <strong>&loz;</strong><font color=#005271>Patstab 901</font><br>&nbsp; &nbsp;<font color=#005271> (Epoxidised Soya Bean Oil )</font> ", "pvc-heat-stabilizers.htm");
		subMenu4.addItem("- <strong><font color=#07457E> Kickers </strong><br>&nbsp; <strong>&loz;</strong><font color=#005271>Patstab 601 </font><strong> &nbsp; &loz;</strong><font color=#005271>Patstab 602 </font><br><strong> &nbsp; &loz;</strong><font color=#005271>Patstab 603 </font>&nbsp;<strong>&loz;</strong><font color=#005271>Patstab 701 </font><br>&nbsp; <strong>&loz;</strong><font color=#005271>Patstab 305 </font> ", "pvc-heat-stabilizers.htm");
		subMenu4.addItem("- <strong><font color=#07457E> Antimony Mercaptide </strong><br>&nbsp; <font color=#005271>PATSTAB 1001 is a novel, antimony<br> &nbsp; 	mercaptide stabilizer system for rigid<br> &nbsp; 	pipes and pipe fittings applications... </font> ", "pvc-heat-stabilizers.htm");
		subMenu4.addItem("- <strong><font color=#07457E> Calcium Zinc onepack Stabilizers </strong><br>&nbsp; <strong>&loz;</strong><font color=#005271>Patstab 7001/A </font><strong> &nbsp; &loz;</strong><font color=#005271>Patstab 7003/A </font><br><strong> &nbsp;  &loz;</strong><font color=#005271>Patstab 7050/A </font>&nbsp;<strong>&loz;</strong><font color=#005271>Patstab 7403/A</font><br>&nbsp; <strong>&loz;</strong><font color=#005271>Patstab  7402/A </font>&nbsp;<strong>&loz;</strong><font color=#005271>Patstab 7404/A</font><br>&nbsp; <strong>&loz;</strong><font color=#005271>Patstab  7405/A </font>&nbsp;<strong>&loz;</strong><font color=#005271>Patstab 7501/A</font><br>&nbsp; <strong>&loz;</strong><font color=#005271>Patstab  7502/A </font>&nbsp;<strong>&loz;</strong><font color=#005271>Patstab 7503/A</font> ", "calcium-zinc.htm");
		
			// submenu
			var subMenu4 = menu4.addMenu(menu4.items[2]);
		subMenu4.addItem("- <strong><font color=#07457E>Accelerators </strong><br>&nbsp;  <font color=#005271>Cobalt Octoate <br>&nbsp;  Potassium Octoate<br>&nbsp;  Patcure Series</font> ", " fiberglass-additives.htm");
		subMenu4.addItem("- <strong><font color=#07457E>Peak of exotherm suppressors</font> </strong>><br>&nbsp;  <font color=#005271>Copper Napthenate </font> ", "fiberglass-additives.htm");

		
			// submenu
		var subMenu4 = menu4.addMenu(menu4.items[3]);
		subMenu4.addItem("- <strong><font color=#07457E>Extreme pressure agents. </strong>", "lube-additives.htm");

		
			// submenu
		var subMenu4 = menu4.addMenu(menu4.items[4]);
		subMenu4.addItem("- <strong><font color=#07457E> Polyurethane Coating  </strong><br>&nbsp;  <font color=#005271>Used in Two Pack Polyurethane <br>&nbsp;  industrial coatings widely as curing catalyst.<br>&nbsp;  Also used as a catalyst for MEKO blocked <br>&nbsp;  Urethane Coatings...</font> ", "catalysts.htm");
		subMenu4.addItem("- <strong><font color=#07457E> Polyurethane Foam </strong><br>&nbsp;  <font color=#005271>In poly-urethane foam production,  <br>&nbsp;  organo-tin structures provide catalytic<br>&nbsp;  effects, particularly to the Isocyanate - <br>&nbsp;  - Hydroxyl reaction. ...</font> ", "catalysts.htm");
		subMenu4.addItem("- <strong><font color=#07457E>  XLPE Cable Compound </strong>", "catalysts.htm");
		
		
			var subMenu4 = menu4.addMenu(menu4.items[5]);
		subMenu4.addItem("- <strong><font color=#07457E> FCC Passivators </strong><br>&nbsp;  <font color=#005271>Patadd 1101 <br>&nbsp;  Patadd 1101 </font> ", "petroleum.htm");
		subMenu4.addItem("- <strong><font color=#07457E> Anti Corrosive Agent </strong></font> ", "petroleum.htm");
		subMenu4.addItem("- <strong><font color=#07457E>Extreme Pressure Agent</strong></font>", "petroleum.htm");

		// menu
		var menu5 = ms.addMenu(document.getElementById("menu5"));
		menu5.addItem("- Home", "home.htm");
		menu5.addItem("- Profile", "profile.htm");
		menu5.addItem("- Products", "products.htm");
		menu5.addItem("- Site Map", "sitemap.htm");
		menu5.addItem("- Contact Us", "contactus.htm");
		
		// submenu
		var subMenu5 = menu5.addMenu(menu5.items[1]);
		subMenu5.addItem("- Our History", "profile.htm");
		subMenu5.addItem("- Board of Directors",  "directors.htm");
		subMenu5.addItem("- Career with Us", "career.htm");
		subMenu5.addItem("- News and Events",  "news.htm");
		// submenu
			var subMenu5 = menu5.addMenu(menu5.items[2]);
		subMenu5.addItem("- Paints and Coatings <br> <font color=#0066CC></strong>&nbsp;&loz; </strong>Paint Driers<br></strong>&nbsp;&loz; </strong>Anti Skinning Agent</font>",  "products.htm");
		subMenu5.addItem("- PVC Heat Stabilizers  <br> <font color=#0066CC><strong>&nbsp;&loz; </strong>Grade Selection by application  <br> <font color=#0066CC><strong>&nbsp;&loz; </strong>Ogranotin Stabilizers <br><strong>&nbsp;&loz; </strong>Liquid Mixed Metals<br><strong>&nbsp;&loz; </strong>Co-Stabilizer (ESBO)<br><strong>&nbsp;&loz; </strong>Kickers<br><strong>&nbsp;&loz; </strong>Antimony Mercaptide<br><strong>&nbsp;&loz; </strong>Calcium Zinc one pack Stabilizers</font>","pvc-heat-stabilizers.htm");
		subMenu5.addItem("- Fiberglass Additives <br> <font color=#0066CC><strong>&nbsp;&loz; </strong>Accelerators<br><strong>&nbsp;&loz; </strong>Peak of exotherm suppressors </font>", "fiberglass-additives.htm");
		subMenu5.addItem("- Lube Additives <br> <font color=#0066CC><strong>&nbsp;&loz; </strong>Extreme pressure agents. </font>", "lube-additives.htm");
		subMenu5.addItem("- Tin / Tinfree Catalysts  <br> <font color=#0066CC><strong>&nbsp;&loz; </strong>Polyurethane Coating <br><strong>&nbsp;&loz; </strong>Polyurethane Foam<br><strong>&nbsp;&loz; </strong>XLPE Cable Compound </font>", "catalysts.htm");
		subMenu5.addItem("- Petroleum <br> <font color=#0066CC><strong>&nbsp;&loz; </strong>FCC Passivators  <br><strong>&nbsp;&loz; </strong>Anti Corrosive Agent <br><strong>&nbsp;&loz; </strong>Extreme Pressure Agent</font>", "petroleum.htm");
		
		// submenu
		
		var subMenu5 = menu5.addMenu(menu5.items[4]);
		subMenu5.addItem("- Map & Directions",  "contactus.htm");
		subMenu5.addItem("- Information",  "contactus.htm");
		subMenu5.addItem("- Enquiry", "contactus.htm");
	
		
		// menu
		var menu6 = ms.addMenu(document.getElementById("menu6"));
		menu6.addItem("- Why Granite?", "#");
		menu6.addItem("- Life at Granite", urlRoot + "#");
		menu6.addItem("- Current Opportunities", "#");
		menu6.addItem("- Career Contacts", urlRoot + "#");
		menu6.addItem("- College Recruiting", urlRoot + "#");
		menu6.addItem("- Benefits", urlRoot + "#");

		var subMenu6 = menu6.addMenu(menu6.items[0]);
		subMenu6.addItem("- Employee Development", urlRoot + "#");
		subMenu6.addItem("- Character", urlRoot + "#");
		subMenu6.addItem("- Social Responsibility", urlRoot + "#");
		subMenu6.addItem("- Community Involvement", urlRoot + "#");
		subMenu6.addItem("- Making a Difference", urlRoot + "#");
		
		var subMenu6 = menu6.addMenu(menu6.items[4]);
		subMenu6.addItem("- Const. Mgmt. Competition", urlRoot + "#");

		// menu
		var menu7 = ms.addMenu(document.getElementById("menu7"));

		menu7.addItem("- Map & Directions",  "contactus.htm");
		menu7.addItem("- Information",  "contactus.htm");
		menu7.addItem("- Enquiry", "contactus.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.
		//==================================================================================================
		graniteDropDown.renderAll();
	}

