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

//Extra code to find position:
function findPos(num)
{ //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; 
        x+=temp.offsetLeft
        y+=temp.offsetTop;
      }
    }
    x+=el.offsetLeft
    y+=el.offsetTop
  }
  //Returning the x and y as an array
  x = x - 4
  y = y - 8
  return [x,y]
}

//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=""
oCMenu.zIndex=0

//Background bar properties
oCMenu.useBar=1
oCMenu.barWidth="menu"
oCMenu.barHeight="menu" 
oCMenu.barClass="clBar"
oCMenu.barX="menu"
oCMenu.barY="menu"
oCMenu.barBorderX=0
oCMenu.barBorderY=0
oCMenu.barBorderClass=""

//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width=120
oCMenu.level[0].height=15 
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=1
oCMenu.level[0].borderY=1
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].arrow=0
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.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
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[1].width=oCMenu.level[0].width-2
oCMenu.level[1].height=15
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=1
oCMenu.level[1].borderY=1
oCMenu.level[1].align="right" 
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/10
oCMenu.level[1].offsetY=0
oCMenu.level[1].borderClass="clLevel1border"


//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
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[2].width=oCMenu.level[0].width-2
oCMenu.level[2].height=15
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) 
*************************************/

// --- INFO & ACTUEEL ---
oCMenu.makeMenu('top0','','<img src="../images/menublock.gif" align="left"/>&nbsp;Info &amp; Actueel','index.php','')
  oCMenu.makeMenu('sub00','top0','Homepage','index.php')
  oCMenu.makeMenu('sub01','top0','Agenda &amp; Nieuws','agenda.php')
  oCMenu.makeMenu('sub02','top0','Poll geschiedenis','pollgeschiedenis.php')      
  oCMenu.makeMenu('sub03','top0','Adverteren','adverteren.php')
  oCMenu.makeMenu('sub04','top0','Statistieken','stats.php')
  oCMenu.makeMenu('sub05','top0','Links','links.php')
  oCMenu.makeMenu('sub06','top0','Partners','partners.php')


	
	
// --- WAT IS FLEKS ---	
oCMenu.makeMenu('top1','','<img src="../images/menublock.gif" align="left"/>&nbsp;Wat is Fleks','watisfleks.php')
	oCMenu.makeMenu('sub10','top1','Wat is Fleks','watisfleks.php')
	oCMenu.makeMenu('sub11','top1','Geschiedenis','gs-oprichters.php')
		oCMenu.makeMenu('sub110','sub11','Oprichters','gs-oprichters.php')
		oCMenu.makeMenu('sub111','sub11','Bestuur 01-02','gs-bestuur01-02.php')
		oCMenu.makeMenu('sub112','sub11','Bestuur 02-03','gs-bestuur02-03.php')
		oCMenu.makeMenu('sub113','sub11','Bestuur 03-04','gs-bestuur03-04.php')
		oCMenu.makeMenu('sub114','sub11','Bestuur 04-05','gs-bestuur04-05.php')
		oCMenu.makeMenu('sub115','sub11','Bestuur 05-06','gs-bestuur05-06.php')
		oCMenu.makeMenu('sub116','sub11','Bestuur 06-07','gs-bestuur06-07.php')
		oCMenu.makeMenu('sub117','sub11','Bestuur 07-08','gs-bestuur07-08.php')
		oCMenu.makeMenu('sub118','sub11','Bestuur 08-09','gs-bestuur08-09.php')
		oCMenu.makeMenu('sub119','sub11','Bestuur 09-10','bestuur.php')
	oCMenu.makeMenu('sub15','top1','Lid worden','lidworden.php')
	oCMenu.makeMenu('sub16','top1','Contact','contact.php')



// --- ORGANISATIE ---
oCMenu.makeMenu('top2','','<img src="../images/menublock.gif" align="left"/>&nbsp;Organisatie','#')
	oCMenu.makeMenu('sub20','top2','Bestuur','bestuur.php')
	oCMenu.makeMenu('sub21','top2','Commissies','commissies.php')
		oCMenu.makeMenu('sub210','sub21','Over commissies...','commissies.php')
						oCMenu.makeMenu('sub211','sub21','Activiteiten Commissie','commissie.php?comid=7')
						oCMenu.makeMenu('sub212','sub21','Feest Commissie','commissie.php?comid=2')
						oCMenu.makeMenu('sub213','sub21','Fleksfiles Commissie','commissie.php?comid=5')
						oCMenu.makeMenu('sub214','sub21','Gala-Dies-Commissie','commissie.php?comid=11')
						oCMenu.makeMenu('sub215','sub21','Internet Commissie','commissie.php?comid=1')
						oCMenu.makeMenu('sub216','sub21','Kamp Commissie','commissie.php?comid=6')
						oCMenu.makeMenu('sub217','sub21','Kei Commissie','commissie.php?comid=4')
						oCMenu.makeMenu('sub218','sub21','Lustrumboek Commissie','commissie.php?comid=9')
						oCMenu.makeMenu('sub219','sub21','Sport Commissie','commissie.php?comid=13')
						oCMenu.makeMenu('sub2110','sub21','Tap Commissie','commissie.php?comid=3')
			
		oCMenu.makeMenu('sub22','top2','Fleks en Sport','#')
		oCMenu.makeMenu('sub220','sub22','Flekscelsior 1','flekscelsior.php')
		oCMenu.makeMenu('sub221','sub22','Flekscelsior 2','flekscelsior2.php')	
		oCMenu.makeMenu('sub222','sub22','Batavierenrace','batavierenrace.php')	
		oCMenu.makeMenu('sub223','sub22','Wintersport','wintersport.php')	
		oCMenu.makeMenu('sub23','top2','Gilden','gilden.php')
		oCMenu.makeMenu('sub230','sub23','Over gilden...','gilden.php')
				oCMenu.makeMenu('sub231','sub23','Braque','gilde.php?gilid=17') 
				oCMenu.makeMenu('sub232','sub23','Extra Ordinair','gilde.php?gilid=19') 
				oCMenu.makeMenu('sub233','sub23','Idiosyncratisch','gilde.php?gilid=15') 
				oCMenu.makeMenu('sub234','sub23','LBG','gilde.php?gilid=18') 
				oCMenu.makeMenu('sub235','sub23','Move','gilde.php?gilid=16') 
				oCMenu.makeMenu('sub236','sub23','Proximitas','gilde.php?gilid=11') 
				oCMenu.makeMenu('sub237','sub23','Sneaky','gilde.php?gilid=14') 
		 
		
	oCMenu.makeMenu('sub24','top2','Gilden in ruste','gilden.php')
		oCMenu.makeMenu('sub240','sub24','Over gilden in ruste...','gilden.php')
				oCMenu.makeMenu('sub241','sub24','Caelestia','gilde.php?gilid=6') 
				oCMenu.makeMenu('sub242','sub24','Centurion','gilde.php?gilid=10') 
				oCMenu.makeMenu('sub243','sub24','FEM','gilde.php?gilid=13') 
				oCMenu.makeMenu('sub244','sub24','Impressie','gilde.php?gilid=8') 
				oCMenu.makeMenu('sub245','sub24','Inc.','gilde.php?gilid=3') 
				oCMenu.makeMenu('sub246','sub24','She-ra','gilde.php?gilid=9') 
				oCMenu.makeMenu('sub247','sub24','Societa Onorata','gilde.php?gilid=5') 
				oCMenu.makeMenu('sub248','sub24','Terviseks','gilde.php?gilid=7') 
				oCMenu.makeMenu('sub249','sub24','Tompignon','gilde.php?gilid=12') 
		
	oCMenu.makeMenu('sub25','top2','Genootschappen','genootschappen.html')
		oCMenu.makeMenu('sub250','sub25','Fotogenootschap','genootschap.php?genid=1')
		oCMenu.makeMenu('sub251','sub25','Southparkgenootschap','genootschap.php?genid=2')
		oCMenu.makeMenu('sub252','sub25','Speciaalbiergenootschap','genootschap.php?genid=4')
		oCMenu.makeMenu('sub253','sub25','Voetbalgenootschap','genootschap.php?genid=3')




// --- PRET MET FLEKS ---
oCMenu.makeMenu('top3','','<img src="../images/menublock.gif" align="left"/>&nbsp;Pret met Fleks','#')
	oCMenu.makeMenu('sub30','top3','Forum','phpBB2/index.php')
	oCMenu.makeMenu('sub31','top3','Fotoboek','fotoboek.php')
	oCMenu.makeMenu('sub32','top3','Fleks Games','#')
		oCMenu.makeMenu('sub320','sub32','Pacman','game_pacman.php')
		oCMenu.makeMenu('sub321','sub32','Tetris','game_tetris.php')
		oCMenu.makeMenu('sub322','sub32','Asteroids','game_asteroids.php')
	oCMenu.makeMenu('sub33','top3','Fleks Desktops','desktop.php')
/*	
	oCMenu.makeMenu('sub33','top3','Fleks Artwork','#')
		oCMenu.makeMenu('sub330','sub33','Desktop','desktop.php')	
		oCMenu.makeMenu('sub331','sub33','Logo &amp; Banners','#')	
*/
	




// --- LEDEN ---

oCMenu.makeMenu('top4','','<img src="../images/menublock.gif" align="left"/>&nbsp;Leden','#');
		oCMenu.makeMenu('sub40','top4','Loginproblemen?','mailto:webmaster@asvfleks.nl');		
		oCMenu.makeMenu('sub41','top4','Inloggen (Home)','index.php');
		 







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

function placeElements(){
  //Changing the position of ALL top items:
  pos = findPos(0)
  oCMenu.m["top0"].b.moveIt(pos[0],pos[1])
  pos = findPos(1)
  oCMenu.m["top1"].b.moveIt(pos[0],pos[1])
  pos = findPos(2)
  oCMenu.m["top2"].b.moveIt(pos[0],pos[1])
  pos = findPos(3)
  oCMenu.m["top3"].b.moveIt(pos[0],pos[1])
  pos = findPos(4)
  oCMenu.m["top4"].b.moveIt(pos[0],pos[1])
  
  //Setting the fromtop value
  oCMenu.fromTop = pos[1]
}
placeElements()
//Setting it to re place the elements after resize - the resize is not perfect though..
oCMenu.onafterresize="placeElements()"