/* Online Help here - http://www.dhtmlcentral.com/projects/coolmenus/reference.asp?m=35

	JavaScript ORGANISATION
		This DHTML menu has 3 main areas of properties
			1. Menu - global properties
			2. Level - Properties for each Level of menu
			3. Item - Individual Item properties

Notes For Mitra:
*URGENT *Be VERY carefull to SET FOR YOUR SYSTEM the onLineRoot and offLineRoot properties EXACTLY as specified. For help go here - http://www.dhtmlcentral.com/projects/coolmenus/properties.asp?m=47&id=34

*top level menu is level 0, next is 1 etc

* Mitra you will only need to modify the ITEM properties further below.

BUGS: Note that there is a bug with targets, you can't use a window that isn't already open , so
use _blank instead of "linked"
*/


/* BEGIN MENU PROPERTIES - global properties that control the entire menu  - (ne more below (MenuPlacement)) */
oM=new makeCM("oM"); /* oM is any name given to this menu */ 
oM.resizeCheck=0; /* Whether to refresh on browser resize or note - 1=yes 0-no (can be problimatic in Netscape)       */
oM.rows=1;  /* 1 = horizontal menu - 0 = vertical menu   */
oM.onlineRoot="/"; /* Should be that path to the root of your website. If you have your own domain, just enter "/"  */
/* It should be / so that menus work in subdirectories like /uri */
//oM.offlineRoot='file:///c:\My Documents/sites/mitra.biz/'; /* as above */
oM.offlineRoot='file:///c|/Documents and Settings/Mitra/My Documents/sites/mitra.biz/'; /* as above */
oM.pxBetween =0; /*  How much space between top items as a % or in pixels (if you have vertical borders set = possible problems */
oM.fillImg="/images/!trans.gif"; /*  [no effect?] Something to do with getting the curser to turn to a hand  */
oM.fromTop=82; /*  Distance from top of page      */
oM.fromLeft=22; /* Distance from left of page     */
oM.wait=400; /* Time before menu closes when mouse leaves      */
oM.zIndex=400; /*  Sets stacking order (leave unless your sure)     */
/* END MENU PROPERTIES *********************************************/


/* BEGIN LEVELS PROPERTIES (for each level)***************************
1. width, of Item on current level
2. height, as above
3. regClass, (CSS class) for all items on current level. ie bg colours, font sizes (can be 4. overridden by individual items)
4. overClass, as above when mouse over item
5. borderX, horizontal border
6. borderY, vertical border
7. borderClass, (CSS class) borders of this level
8. rows, sub-items: besides eachother = 1, or beneth each other = 0
9. align, subitems to pop out to the 'left','right','bottom' or'top 
10. offsetX, sub-items indented 
11. offsetY, sub-items dropped lower
12. arrow, full path from foot folder to image (will be placed to the right of an item if it has sub-menus
13. arrowWidth, must be specified (or it will not be used)
14. arrowHeight,  as above      */

oM.level[0]=new cm_makeLevel(86,16,"clT","clTover",1,1,"clB",0,"bottom",0,1,0,0,0);
oM.level[1]=new cm_makeLevel(120,22,"clS","clSover",1,1,"clB1",0,"right",1,0,"images/menu_arrow.gif",10,10);
oM.level[2]=new cm_makeLevel(110,22,"clS","clSover");
oM.level[3]=new cm_makeLevel(140,22);
// END LEVELS PROPERTIES *****************************************


/* BEGIN ITEM PROPERTIES *****************************************
Note that most of the properties for the items are not required and only need to be specified if they
are different from the level variables. In most cases you would only need name, parent_name, txt and
link: oM.makeMenu("menu1", "", "My menu", "my_folder/index.html") 

If you wish to set the height, but not the width and target just set: oM.makeMenu("menu1", "", "My menu", "my_folder/index.html","","",100) 

1. name, (required) must include a unique name for the item
2. parent_name, (required for sub menus) = name of parent menu
3. text, text for item (use unless an image is used)
4, link, target webpage in double quotes
5. target,    Mitra says: but note this must be _top _blank, it can't be a new window
6. width, of Item 
7. height, of Item
8. regImage, if using images - type path
9. overImage, as above
10. regClass, (CSS Class) for this item only
11. overClass , as above for mouse over effect
12. align, overides Levels settings
13. rows,  as above
14. nolink, set to '1' if you want text with no link or curser
15. onclick, used to execute other JavaScript
16. onmouseover, as above
17. onmouseout) as above     
    */

//oM.makeMenu('home','','home','index.htm') /* Top level (0)   */ 
oM.makeMenu('services','','services','');
oM.makeMenu('then','','now & then','nowandthen.htm');
oM.makeMenu('writings','','writings','writings.htm');
oM.makeMenu('investing','','investing','investing.htm');
oM.makeMenu('links','','links','links.htm');
oM.makeMenu('contact','','contact','contact.htm');
/* Level 1: Services   */ 
oM.makeMenu('business','services','business development','business.htm');
oM.makeMenu('idea2reality','services','ideas into reality','ideas.htm');
//oM.makeMenu('consulting','services','consulting','consulting.htm');
oM.makeMenu('webdev','services','web development','webdev.htm'); 
oM.makeMenu('software','services','software development','software.htm'); 
/* Level 1: Then */
oM.makeMenu('now','then','Current and Recent Projects','now.htm','',200);
oM.makeMenu('claimstofame','then','Claims to Fame','claimstofame.htm','',200); 
oM.makeMenu('resume','then','Resume','resume.htm','',200); 
oM.makeMenu('pastprojects','then','Past Projects and Clients','projectsandclients.htm','',200); 
oM.makeMenu('press','then','Press Coverage','press.htm','',200); 
oM.makeMenu('speaker','then','Public Speaking','speaker.htm','',200); 
oM.makeMenu('standards','then','Standards Committees','standards.htm','',200); 
/* Level 1: Writings   */ 
oM.makeMenu('blog','writings','Mitra\'s Blog','blog','',300); 
oM.makeMenu('games','writings','Group games and bonding activities','games.shtml','',300); 
oM.makeMenu('permaculture','writings','Permaculture','permaculture.htm','',300); 
oM.makeMenu('legal','writings','Legal Agreements for Communities','communities_plain.htm','',300); 
oM.makeMenu('lets','writings','LETS Pretend - a game for teaching local currencies','lets-pretend.htm','',300); 
/*oM.makeMenu('technomads','writings','Technomads','technomad.htm','',300); */
/*oM.makeMenu('meme','writings','The Ecology of Memes','ecologymemes.htm','',300); */
/*oM.makeMenu('virus','writings','Viruses - a Dummies guide','viruses.htm','',300); */
oM.makeMenu('vrml','writings','VRML','','',300); 
oM.makeMenu('uri','writings','Information Retrieval - URIs','uri/index.htm','',300); 
/* Level 1: Investing */
oM.makeMenu('investing2','investing','Investing in sustainability','investing.htm','',300);
//oM.makeMenu('investphytocell','investing','Phytocell - unique compounds from plants','invest_phytocell.htm','',300);
/* Level 1: Links   */ 
oM.makeMenu('naturalinnovation','links','Natural Innovation','http://www.naturalinnovation.org','_blank',300); 
oM.makeMenu('byronbaykm','links','Byron Community Knowledge Management','http://www.byronkm.com','_blank',300); 
oM.makeMenu('tyagarah','links','Tyagarah Sustainable Community Alliance','http://www.tyagarah.org','_blank',300); 
//oM.makeMenu('cauldron','links','Community Cauldron','http://www.communitycauldron.com','_blank',300); 
oM.makeMenu('archiveorg','links','Internet Archive','http://www.archive.org','_blank',300); 
oM.makeMenu('gwt','links','GlobalWorldTech - outsourcing','http://www.globalworldtech.com','_blank',300);
/* Level 2: VRML */
oM.makeMenu('vrml2','vrml','VRML2 - a history','vrml/vrml2/mw_history.html','',100); 
oM.makeMenu('vrmlplus','vrml','VRML+','vrml/vrmlplus/index.htm','',100); 
//oM.makeMenu('test3','archive','zzLegal','contact.htm'); /* 3rd level (2)   */ 
//oM.makeMenu('test4','archive','zzcccArchive','contact.htm');
/* END ITEM PROPERTIES *****************************************/



var avail="190+((cmpage.x2-235)/7)";
oM.menuPlacement="center" /* Controls placement of menus - if you move this property higher in the page it crashes */

/* option - Not used: this one makes menu expand or shrink on resize  ----- oM.menuPlacement=new Array(192,avail+"-11",avail+"*2-8",avail+"*3-12",avail+"*4-7",avail+"*5-9",avail+"*6+5") */

oM.construct()




/*** NOT USED *** BEGIN BACKGROUND BAR PROPERTIES (bg to the menu)(Note: will not be used)******    */
oM.useBar=0; /*  1 = use a bar - 0 = do not use a bar     */
oM.barWidth="100%"; /*  'menu' = menu width     */
oM.barHeight="menu"; /*       */
oM.barX=18; /* starting place for bg bar from Left - 'menu' = same as left menu position */
oM.barY="menu"; /* as above from top    */
oM.barClass="clBar";/* background bar css - must include 'width:10, Height:10, Position:Absolute */
oM.barBorderX=1; /*       */
oM.barBorderY=1;/*       */
/* END BACKGROUND BAR PROPERTIES ************************************     */