//mainMenu = new Menu ('mainMenu',0,0); changes the position of the main menu on the page.  The 1st # deals with the menu position from the left margin.  The 2nd # deals with the main menu from the top margin of the page. 

mainMenu = new Menu ('mainMenu',25,100);

//mainMenu.m_dec = '|'; show the line after the text in the main menu
mainMenu.m_dec = '';
mainMenu.m_vertical = true;

//Menu definition

//To adapt the menu to your content observes the previous example. We have added tabulations to make more maintainable the menu, does not affect its behaviour. First, we must define the menu, this becomes, like in the first line of the previous code, with nameofmenu = new Menu ('nameofmenu', left, top). It is important to remember that javaScript is case sensitive, so the name of the menu has to be equal whenever we wrote it, so much in the creation of the menu like more ahead. The properties left and top indicate the situation of the menu. Whenever we wrote nameofmenu.addItem (Text, URL, isLast) we are adding a new entry in the menu. When property URL is empty we are defining that the following line is a new submenu. When isLast is equal to true the entry is the last one of a submenu. 

//Other useful norms: When URL is equal to 'x', or when URL is equal to the direction of the present page, the entry will be deactivated. When Text and URL are equal to '-' the entry is a separator. When URL is equal to 'v' the entry is the active option (see above the languages menu for an example).

//The function doMenu () creates the menu and it shows it in screen. The last lines of code are a control so that the menu closes when doing click in any other element of the document.

//need to make sure the html file created to project are virtual files.


	
mainMenu.addItem ('Home',{'url':'index.html','theHeight':25},false);
mainMenu.addItem ('Web Consulting',{'url':'','theHeight':25},false)
mainMenu.addItem ('Webmaster',{'url':'webmaster.html','theHeight':25},false);
mainMenu.addItem ('Web Design',{'url':'web_design.html','theHeight':25},false);

mainMenu.addItem ('Other Services',{'url':'','theHeight':25},true);
				mainMenu.addItem ('Scanning',{'url':'scanning.html','theHeight':25},false);
				mainMenu.addItem ('Training',{'url':'training.html','theHeight':25},false);
mainMenu.addItem ('Affiliates',{'url':'affiliates.html','theHeight':25},true);
mainMenu.addItem ('About Us','about_us.html',false);			
mainMenu.addItem ('Contact Us','contact_us.html',true);

mainMenu.doMenu();

//With this feature the user can understand in a visual way where he is in the site structure. When rollover on the icon the menu shows the submenus until the one that refers to the current page. To activate this put after the call to doMenu () this code: menuName.youAreHere (name,left,top,width,height,text,color);for example:
//mainMenu.youAreHere ('yah',5,190,110,25,'You are here','#FFFFCC');
//left means: pixels indenting from the left margin. Top means pixels indenting from the top margin. Width and height refers to the deminsions of the box.  The text and color, enough said.
mainMenu.youAreHere ('yah',25,225,110,25,'You are here','#FFFFCC');

//control
if (document.layers){
	document.onMouseDown = hideMenus;
} else {
	document.body.onclick = hideMenus;
}