//Menu object creation
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname

oCMenu.frames=0	 //Set this property to 1 if you are using frames for your menus (if you have your main items and sub items in different frames that is). If you have your entire menu in ONE frame set this to 0. 

//Menu properties   
oCMenu.pxBetween=5	//Used to set how much space you want between your top items. This can be specified in percentage or pixels. Remember to use quotes around percentage values, f.e. oCMenu.pxBetween="20%".
//Note: the value of this property is ignored if "menuPlacement" is specified.   
oCMenu.fromLeft=0 //This controls the left position of the menu. Can be specified in percentage or in pixels. If "menuPlacement" is used and the menu is in rows (rows=1) this property is ignored.  
oCMenu.fromTop=210 //This sets the top position of the menu. It can be specified in percentage or in pixels. If "menuPlacement" is used (set to something else then 0) and the menu is in columns (rows=0) then this property is ignored.   
oCMenu.rows=1 //This rows property is for the top level. If you set this to 1 you will get the top menu items placed beside each other. If you set it to 0 the items will align below each other.  
oCMenu.menuPlacement="center" //Values supported: "right", "center", "bottom" and "bottomcenter". You can also set them directly in pixels or in percentage (remember to use the ' ' around the numbers). 
                                                             
oCMenu.offlineRoot="" //If you choose to have this code inside a menu.js file, or if you're using frames you must set these two variables. The offlineRoot variable is the actual path to the directory where you menu.js file is locally. Start with file:/// and use slashes, no backward slashes and end with a slash. 
oCMenu.onlineRoot=""  //The value of the "offlineRoot" property should be the path to the ROOT of your web. Example: my website is hosted at geocities, my url is: http://www.geocities.com/myWeb/
//My onlineRoot would then be: oCMenu.onlineRoot="/myWeb/"
//If you have your own domain name you just set this value to "/".
oCMenu.resizeCheck=1 //his is a boolean, set to 1 it will refresh the menu on page resize in IE and NS6 and reload the page in the rest of the browsers, 0 to set it off.  
oCMenu.wait=1000 //This controls how long the script should wait before hiding the open menu items after the mouse has left them. Value is in milliseconds (1000 = 1 second). 
oCMenu.fillImg="cm_fill.gif" //This property is new in this version. Netscape 4 and Opera now uses a transparent image that covers the menu item which makes the "hand" cursor work on the entire element. This also helps because now the events are set on the image instead of the layers, this way is more stable in NS4. 
//The value here is the full path relative from the ROOT of your web (or the onlineRoot and offlineRoot property values) to your fill image. This means that if you have the fill image in the images directory you should set this to "images/cm_fill.gif"  
oCMenu.zIndex=0 //The value of this variable controls what zIndex the menu should "start" on. The first element of the menu (the backgroundbar) will have this zIndex and all other elements will have a higher value. This means that if you have another script on the page which has layers you want to appear "behind" this one, set the zIndex of the menu to something higher then the zIndex those elements have. 

//Background bar properties
oCMenu.useBar=0	  //If set to 1 the script will make a background bar for the script, set to 0 it will not make a bar. 
oCMenu.barWidth="500"	//The width of the background bar. Set this to "menu" if you want it to be the same width as the menu (this will change to match the border if you have one). This can be specified also in pixels (without quotation marks). 
oCMenu.barHeight="menu"  //The height of the background bar. Set this to "menu" if you want it to be the same height as the menu.  
oCMenu.barClass="clBar"	 //The value of this property should be a CSS class that will be used for the background bar. 
//Note: The class for the background bar must contain: "width:10; height:10; position:absolute". If you specify a background color remember to add layer-background-color with the same value for NS4. 

oCMenu.barX=0 
oCMenu.barY=0 //The left and top positions of the bar. Set these to "menu" if you want them to be the same as the left and top position of the menu (this will change to match the border if you have one). 
oCMenu.barBorderX=0
oCMenu.barBorderY=0	 //These control the horizontal and vertical borders of the background bar. Specified in pixels. 
oCMenu.barBorderClass="" //The value of this property should be a CSS class that will be the class for the backgroundbar border. 

//Level properties - ALL properties have to be specified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level Before you can set values to level properties you have to create the level. 
oCMenu.level[0].width=110	//The width property set the width of all the items on the current level. You can set this for each individual menu item as well to override the level variable. 
oCMenu.level[0].height=22  //The height property set the height of all the items on the current level. You can set this for each individual menu item as well to override the level variable. 
oCMenu.level[0].regClass="clLevel0"	//The value of this property should be a CSS class that will be used for all items in the level. You can override this value on each individual item if you choose to. In this class you set all things like background colors, font sizes and stuff like that. 
oCMenu.level[0].overClass="clLevel0over" //This is basically the same as "regClass" only this sets the styles that all items in this level will have when the mouse is over one of them. This can also be overridden on each individual item. 
oCMenu.level[0].borderX=0
oCMenu.level[0].borderY=0 //These are the horizontal and vertical borders of the current level specified in pixels. 
oCMenu.level[0].borderClass="clLevel0border" //The value of this property should be a CSS class that will be used for the borders for this level. 
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0 //These in co-operation with the align property control how the subitems of items on this level are placed. 
oCMenu.level[0].rows=0 //You can specify it for each level and for each item as well. That means that you can have some levels with horizontal sub items and some with vertical sub items. This property will in this case set the value of the sub items of this level. 
oCMenu.level[0].arrow=0	 //This gives you the ability to add an arrow that will automatically appear on the right of the item if the item has submenus. The value must be an image file, and it must be specified with the full path from the ROOT of your web. If you do not specify this the level will not use this feature.
//How to set the variable: myCoolMenu.level[x].arrow="images/my_arrow_image.gif" 
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0 //These are the the width and the height of the arrow image. These have to be manually set (if you are using arrows) or Explorer and Opera might give some strange results. Specified in pixels. 
oCMenu.level[0].align="bottom"	//The value of this property controls the alignment of the subitems of this level. All items (except the top items) will be positioned relative to the parent element. The align property in co-operation with offsetX and offsetY spesifies the position of the subitems.
//Values supported: "bottom", "top", "left", "right", "righttop", "lefttop", "bottomleft" and "topleft". 
   //Menu properties
//All menus inherit the properties from the higher level, unless specified. If a level does not have a parameter specified, it looks for it at the higher level, if not specified there either, it will go a level higher, until level[0] is reached if not specified at any lower level. Keep this in mind when setting the top level. You start with level[0] (top bar items), and move on to level[1] (first level submenu), level[2] (2nd level submenu), and so forth. 

//dynamic effect (controllable for each level)
oCMenu.level[0].clippx=2
oCMenu.level[0].cliptim=2
//special animation filters (IE5.5+ only, controllable for each level)
oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)" 

//Other special animation filters (IE5.5+ only, controllable for each level)
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Barn(duration=0.5,orientation=horizontal)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Blinds(duration=0.5,bands=5)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.CheckerBoard(duration=0.5)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.GradientWipe(duration=0.5,wipeStyle=0)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=STAR)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=CIRCLE)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Pixelate(duration=0.5,maxSquare=40)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.RandomDissolve(duration=0.5)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Spiral(duration=0.5)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Stretch(duration=0.5,stretchStyle=push)"
//oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Strips(duration=0.5,motion=rightdown)"


//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[1].width=140//oCMenu.level[0].width-4
oCMenu.level[1].height=22
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=0
oCMenu.level[1].borderY=0
oCMenu.level[1].align="right" 
oCMenu.level[1].offsetX=0
oCMenu.level[1].offsetY=0
oCMenu.level[1].borderClass="clLevel1border"
//dynamic effect
oCMenu.level[1].clippx=2
oCMenu.level[1].cliptim=2
//special animation filters
oCMenu.level[1].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)" 


//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[2].width=250
oCMenu.level[2].height=22
oCMenu.level[2].offsetX=0
oCMenu.level[2].offsetY=0
oCMenu.level[2].regClass="clLevel2"
oCMenu.level[2].overClass="clLevel2over"
oCMenu.level[2].borderClass="clLevel2border"


/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/
oCMenu.makeMenu('top1','','Products','products.html')
	oCMenu.makeMenu('sub10','top1','Product Range','products.html')
	oCMenu.makeMenu('sub11','top1','Product Specification','products-specification.htm')

	
	oCMenu.makeMenu('top4','','Certifications','certifications.html')
	
	oCMenu.makeMenu('top2','','TQM','qualitypolicy.html')
	oCMenu.makeMenu('sub21','top2','Quality Policy','qualitypolicy.html')
	oCMenu.makeMenu('sub22','top2','Quality Objectives','qualityobjectives.html')
	oCMenu.makeMenu('sub23','top2','Quality Control','qualitycontrol.html')
	
	oCMenu.makeMenu('top3','','Infrastructure','infrastructure.html')
		oCMenu.makeMenu('sub51','top3','Company Environment','infrastructure.html')
		oCMenu.makeMenu('sub52','top3','Virtual Tour','virtualtour.html')
		
		
oCMenu.makeMenu('top5','','Sustainability','aim.html')
	 
  
	
	
	oCMenu.makeMenu('top6','','People','people.html')
	
oCMenu.makeMenu('top0','','About Us', 'aboutus.html','')
	oCMenu.makeMenu('sub00','top0','Company Profile','aboutus.html')
	oCMenu.makeMenu('sub01','top0','Management Team','management-team.html')
 
	

 


	
 
//Leave this line - it constructs the menu
oCMenu.construct()