/*** 
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/

//http://www.dhtmlcentral.com/forums/topic.asp?TOPIC_ID=14477

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

otopMenu.frames = 0

//Menu properties   
otopMenu.pxBetween=0
otopMenu.fromLeft=1
otopMenu.fromTop=109  
otopMenu.rows=1
otopMenu.menuPlacement="left"
                                                             
otopMenu.offlineRoot="file:///C|/" 
otopMenu.onlineRoot="/" 
otopMenu.resizeCheck=1 
otopMenu.wait=1000 
otopMenu.fillImg="cm_fill.gif"
otopMenu.zIndex=0

//Background bar properties
otopMenu.useBar=0
otopMenu.barWidth=0
otopMenu.barHeight=0
otopMenu.barClass="clTopBar"
otopMenu.barX="menu"
otopMenu.barY="menu"
otopMenu.barBorderX=0
otopMenu.barBorderY=0
otopMenu.barBorderClass=""

//Level properties - ALL properties have to be spesified in level 0
otopMenu.level[0]=new cm_makeLevel() //Add this for each new level
otopMenu.level[0].width=100
otopMenu.level[0].height=18
otopMenu.level[0].regClass="clTopLevel0"
otopMenu.level[0].overClass="clTopLevel0over"
otopMenu.level[0].borderX=1
otopMenu.level[0].borderY=1
otopMenu.level[0].borderClass="clTopLevel0border"
otopMenu.level[0].offsetX=0
otopMenu.level[0].offsetY=0
otopMenu.level[0].rows=0
otopMenu.level[0].arrow=0
otopMenu.level[0].arrowWidth=0
otopMenu.level[0].arrowHeight=0
otopMenu.level[0].align="bottom"

//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
otopMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
otopMenu.level[1].width=150   //otopMenu.level[0].width-2
otopMenu.level[1].height=22
otopMenu.level[1].regClass="clTopLevel1"
otopMenu.level[1].overClass="clTopLevel1over"
otopMenu.level[1].borderX=1
otopMenu.level[1].borderY=1
otopMenu.level[1].align="right" 
otopMenu.level[1].offsetX=-(otopMenu.level[0].width-2)/2+20
otopMenu.level[1].offsetY=10
otopMenu.level[1].borderClass="clTopLevel1border"
otopMenu.level[1].align="right" 



//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
otopMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
otopMenu.level[2].width=150
otopMenu.level[2].height=20
otopMenu.level[2].offsetX=0
otopMenu.level[2].offsetY=0
otopMenu.level[2].regClass="clTopLevel2"
otopMenu.level[2].overClass="clTopLevel2over"
otopMenu.level[2].borderClass="clTopLevel2border"

/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/


otopMenu.makeMenu('top0','','&nbsp;<img src="/images/icon-home.gif" align="absmiddle"/>&nbsp;Home','news_events/Consumer_Portal_Latest_News.html','','65')

otopMenu.makeMenu('top1','','&nbsp;<img src="/images/icon-moneysense.jpg" align="absmiddle"/>&nbsp;About MoneySENSE','about/Consumer_Portal_MoneySENSE.html','','155')

otopMenu.makeMenu('top2','','&nbsp;<img src="/images/icon-pub.gif" align="absmiddle"/>&nbsp;Publications','','','105')
  otopMenu.makeMenu('sub21','top2','&nbsp;Consumer Guides','publications/guidesindex.html')
    otopMenu.makeMenu('sub211','sub21','&nbsp;Basic Money Management','publications/guidestier1.html')
    otopMenu.makeMenu('sub212','sub21','&nbsp;Financial Planning','publications/guidestier2.html')
    otopMenu.makeMenu('sub213','sub21','&nbsp;Investment Know-How','publications/guidestier3.html')
    otopMenu.makeMenu('sub214','sub21','&nbsp;General','publications/guidesgeneral.html')
  otopMenu.makeMenu('sub22','top2','&nbsp;Quick Tips','publications/articlesindex.html')
    otopMenu.makeMenu('sub221','sub22','&nbsp;Basic Money Management','publications/articlestier1.html')
    otopMenu.makeMenu('sub222','sub22','&nbsp;Financial Planning','publications/articlestier2.html')
    otopMenu.makeMenu('sub223','sub22','&nbsp;Investment Know-How','publications/articlestier3.html')
    otopMenu.makeMenu('sub224','sub22','&nbsp;General','publications/articlesgeneral.html')
  otopMenu.makeMenu('sub23','top2','&nbsp;MoneySENSE Matters','publications/info_ad/infoindex.html')

otopMenu.makeMenu('top3','','&nbsp;<img src="/images/icon-news.gif" align="absmiddle"/>&nbsp;News&nbsp;&amp;&nbsp;Events','','','115')
	otopMenu.makeMenu('sub31','top3','&nbsp;Latest News','news_events/Consumer_Portal_Latest_News.html')
	otopMenu.makeMenu('sub32','top3','&nbsp;News Archive','news_events/news_archive/Consumer_Portal_Latest_News_Archive.html')
	otopMenu.makeMenu('sub33','top3','&nbsp;Activities & Events','news_events/Consumer_Portal_Skit_Schedule.html')
	otopMenu.makeMenu('sub34','top3','&nbsp;Activities & Events Archive','news_events/activities_events_archive/Consumer_Portal_MoneySENSE_EventsReviewed.html','','','35')
	otopMenu.makeMenu('sub35','top3','&nbsp;MoneySENSible Youth Award for Polytechnics','news_events/msya.html','','','35')

otopMenu.makeMenu('top4','','&nbsp;<img src="/images/icon-partner.gif" align="absmiddle"/>&nbsp;Partnering MoneySENSE','partner_us/partner.html','','180')

otopMenu.makeMenu('top5','','&nbsp;<img src="/images/icon-useful.gif" align="absmiddle"/>&nbsp;Useful Links','useful_links/Consumer_Portal_Useful_Links.html','','100')

//Some of the icons used in this page are taken from http://www.famfamfam.com/lab/icons/silk/
//Leave this line - it constructs the menu
otopMenu.construct()