/***
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.
**/

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

//Menu properties
oCMenu.pxBetween=0
//Using the cm_page object to place the menu ----
oCMenu.fromLeft=0
oCMenu.fromTop=0
oCMenu.rows=1
oCMenu.menuPlacement=0

oCMenu.offlineRoot=""
oCMenu.onlineRoot=""
oCMenu.resizeCheck=1
oCMenu.wait=1000
oCMenu.fillImg="images/spacer.gif"
oCMenu.zIndex=0

//Background bar properties
oCMenu.useBar=0

//Level properties - ALL properties have to be spesified in level 1
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width=180
oCMenu.level[0].height=25
oCMenu.level[0].regClass="clLevel1"
oCMenu.level[0].overClass="clLevel1over"
oCMenu.level[0].borderX=0
oCMenu.level[0].borderY=0
oCMenu.level[0].borderClass="clLevel1border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=1
oCMenu.level[0].rows=0
oCMenu.level[0].arrow="images/arrow.gif"
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.level[0].align="bottom"
oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"


//Level properties - ALL properties have to be spesified in level 2
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level
oCMenu.level[1].width=180
oCMenu.level[1].height=23
oCMenu.level[1].regClass="clLevel2"
oCMenu.level[1].overClass="clLevel2over"
oCMenu.level[1].borderX=1
oCMenu.level[1].borderY=1
oCMenu.level[1].borderClass="clLevel2border"
oCMenu.level[1].offsetX=-1
oCMenu.level[1].offsetY=-1
oCMenu.level[1].rows=0
oCMenu.level[1].arrow="images/arrow.gif"
oCMenu.level[1].arrowWidth=15
oCMenu.level[1].arrowHeight=12
oCMenu.level[1].align="right"
oCMenu.level[1].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"


//Level properties - ALL properties have to be spesified in level 3
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level
oCMenu.level[2].width=180
oCMenu.level[2].height=23
oCMenu.level[2].regClass="clLevel3"
oCMenu.level[2].overClass="clLevel3over"
oCMenu.level[2].borderX=1
oCMenu.level[2].borderY=1
oCMenu.level[2].borderClass="clLevel3border"
oCMenu.level[2].offsetX=-1
oCMenu.level[2].offsetY=-1
oCMenu.level[2].rows=0
oCMenu.level[2].arrow="images/arrow.gif"
oCMenu.level[2].arrowWidth=15
oCMenu.level[2].arrowHeight=12
oCMenu.level[2].align="right"
oCMenu.level[2].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"


//Level properties - ALL properties have to be spesified in level 4
oCMenu.level[3]=new cm_makeLevel() //Add this for each new level
oCMenu.level[3].width=180
oCMenu.level[3].height=23
oCMenu.level[3].regClass="clLevel4"
oCMenu.level[3].overClass="clLevel4over"
oCMenu.level[3].borderX=1
oCMenu.level[3].borderY=1
oCMenu.level[3].borderClass="clLevel4border"
oCMenu.level[3].offsetX=-1
oCMenu.level[3].offsetY=-1
oCMenu.level[3].rows=0
oCMenu.level[3].arrow="images/arrow.gif"
oCMenu.level[3].arrowWidth=15
oCMenu.level[3].arrowHeight=12
oCMenu.level[3].align="bottom"
oCMenu.level[3].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.5)"

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


// Level1 (id=72) - TREK 2008 (no parent)
oCMenu.makeMenu('720','','TREK 2008','http://www.trekusa.org/TREK2008','_self','75','25','','','','','','','','','','')
	
	// Level2 (id=94) - Overview (parent of Level1 (id=72) - TREK 2008)
	oCMenu.makeMenu('94072','720','Overview','index.cfm?fuseaction=pages.TREK2008','_self','','23','','','','','','','','','','')
		
	// Level2 (id=105) - General Route Map (parent of Level1 (id=72) - TREK 2008)
	oCMenu.makeMenu('105072','720','General Route Map','http://www.trekusa.org/Routemap','_self','','23','','','','','','','','','','')
		
	// Level2 (id=109) - Detailed Route Map (parent of Level1 (id=72) - TREK 2008)
	oCMenu.makeMenu('109072','720','Detailed Route Map','http://www.trekusa.org/Mapmyroute ','_self','','23','','','','','','','','','','')
		
	// Level2 (id=95) - FAQ's (parent of Level1 (id=72) - TREK 2008)
	oCMenu.makeMenu('95072','720','FAQ\'s','http://www.trekusa.org/FAQs','_self','','23','','','','','','','','','','')
		
	// Level2 (id=108) - TREK Brochure (parent of Level1 (id=72) - TREK 2008)
	oCMenu.makeMenu('108072','720','TREK Brochure','http://www.trekusa.org/Trekbrochure','_self','','23','','','','','','','','','','')
		
// Level1 (id=23) - History of TREK (no parent)
oCMenu.makeMenu('230','','History of TREK','http://www.trekusa.org/History','_self','105','25','','','','','','','','','','')
	
	// Level2 (id=71) - TREK 2007 (parent of Level1 (id=23) - History of TREK)
	oCMenu.makeMenu('71023','230','TREK 2007','http://www.trekusa.org/TREK2007','_self','','23','','','','','','','','','','')
		
	// Level2 (id=73) - TREK 2004 (parent of Level1 (id=23) - History of TREK)
	oCMenu.makeMenu('73023','230','TREK 2004','http://www.trekusa.org/TREK2004','_self','','23','','','','','','','','','','')
		
	// Level2 (id=83) - 1978 Solo Trek (parent of Level1 (id=23) - History of TREK)
	oCMenu.makeMenu('83023','230','1978 Solo Trek','http://www.trekusa.org/1978','_self','','23','','','','','','','','','','')
		
// Level1 (id=87) - DMSE Foundation (no parent)
oCMenu.makeMenu('870','','DMSE Foundation','http://www.trekusa.org/DMSE','_self','115','25','','','','','','','','','','')
	
	// Level2 (id=90) - Fitness Facts (parent of Level1 (id=87) - DMSE Foundation)
	oCMenu.makeMenu('90087','870','Fitness Facts','http://www.trekusa.org/healthfacts','_self','','23','','','','','','','','','','')
		
// Level1 (id=38) - Donate Now (no parent)
oCMenu.makeMenu('380','','Donate Now','http://www.active.com/donate/trekusa','_blank','90','25','','','','','','','','','','')
	
// Level1 (id=107) - TREK Teams (no parent)
oCMenu.makeMenu('1070','','TREK Teams','http://www.trekusa.org/TREKTeams','_self','85','25','','','','','','','','','','')
	
// Level1 (id=136) - Sponsors (no parent)
oCMenu.makeMenu('1360','','Sponsors','http://www.trekusa.org/sponsors2008','_self','65','25','','','','','','','','','','')
	
// Level1 (id=141) - Blog (no parent)
oCMenu.makeMenu('1410','','Blog','http://trekusa2008.wordpress.com','_blank','30','25','','','','','','','','','','')
	

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

//Extra code to find position:
function findPos(num,offset)
{
	//alert(num)
	if(bw.ns4)
	{   //Netscape 4
		x = document.layers["layerMenu"+num].pageX
		y = document.layers["layerMenu"+num].pageY
	}
	else
	{
		//other browsers
		x=0; y=0; var el,temp
		el = bw.ie4?document.all["divMenu"+num]:document.getElementById("divMenu"+num);
		if(el.offsetParent)
		{
			temp = el
			while(temp.offsetParent)
			{ //Looping parent elements to get the offset of them as well
				temp=temp.offsetParent;
				if(bw.ns6)
				{ 
					x+=temp.offsetLeft - offset; 
				} 
				else
				{
					x+=temp.offsetLeft;
				}
				y+=temp.offsetTop;
			}
		}
		x+=el.offsetLeft
		y+=el.offsetTop
	}
	//Returning the x and y as an array
	return [x,y]
}
function placeElements(offset)
{
	//Changing the position of ALL top items:
	
			pos = findPos(720, offset)
			oCMenu.m["720"].b.moveIt(pos[0], pos[1])
		
			pos = findPos(230, offset)
			oCMenu.m["230"].b.moveIt(pos[0], pos[1])
		
			pos = findPos(870, offset)
			oCMenu.m["870"].b.moveIt(pos[0], pos[1])
		
			pos = findPos(380, offset)
			oCMenu.m["380"].b.moveIt(pos[0], pos[1])
		
			pos = findPos(1070, offset)
			oCMenu.m["1070"].b.moveIt(pos[0], pos[1])
		
			pos = findPos(1360, offset)
			oCMenu.m["1360"].b.moveIt(pos[0], pos[1])
		
			pos = findPos(1410, offset)
			oCMenu.m["1410"].b.moveIt(pos[0], pos[1])
		
	//Setting the fromtop value
	oCMenu.fromTop = pos[1]
}
placeElements(1.4)
//Setting it to re place the elements after resize - the resize is not perfect though..
oCMenu.onafterresize="placeElements(0)"