/*** 
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 findPos1(){
  if(bw.ns4){   //Netscape 4
    x = document.layers.layerMenu1.pageX
    y = document.layers.layerMenu1.pageY
  }else{ //other browsers
    x=0; y=0; var el,temp
    el = bw.ie4?document.all["divMenu1"]:document.getElementById("divMenu1");
    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
  return [x,y]
}

pos = findPos1()

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

//Netscape 4 - bug fix - 
//maybe -stupid NS4 - objects are not handled correctly when
//the object creator is in a linked file
if(bw.ns4) if(!oCMenu1["makeMenu"] || !bw["ns4"]) self.location.href=self.location.href

oCMenu1.frames =false
oCMenu1.frameStartLevel = 0

//Menu properties
oCMenu1.pxBetween= 0

oCMenu1.fromLeft=pos[0]+0
oCMenu1.fromTop=pos[1]+2
//We also need to "re place" the menu on resize. So:
oCMenu1.onresize="pos1 = findPos1(); oCMenu1.fromLeft=pos1[0]+0; oCMenu1.fromTop=pos1[1]+2; oCMenu1.barX=pos1[0]; oCMenu1.barY=pos1[1];"
//oCMenu1.onresize="location.href=location.href"

oCMenu1.rows= 1
oCMenu1.menuPlacement= "center"
oCMenu1.offlineRoot= ""
oCMenu1.onlineRoot= ""
oCMenu1.resizeCheck= true
oCMenu1.wait= 100
oCMenu1.fillImg="../layout/images/empty.gif"
oCMenu1.zIndex= 50

//Background bar properties
oCMenu1.useBar=0
oCMenu1.barWidth="100"
oCMenu1.barHeight="20" 
oCMenu1.barClass="cl1Bar"
oCMenu1.barX=pos[0]+0
oCMenu1.barY=pos[1]+0
oCMenu1.barBorderX=0
oCMenu1.barBorderY=0
//oCMenu1.barBorderClass="cl1Barborder"


oCMenu1.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu1.level[0].width="100"
oCMenu1.level[0].height="16"
oCMenu1.level[0].regClass="cl1Level0"
oCMenu1.level[0].overClass="cl1Level0over"
oCMenu1.level[0].borderClass="cl1Level0border"
oCMenu1.level[0].latchedClass="cl1Level0latched"
oCMenu1.level[0].borderX=
oCMenu1.level[0].borderY=
oCMenu1.level[0].offsetX=0
oCMenu1.level[0].offsetY=0
oCMenu1.level[0].rows=0
oCMenu1.level[0].align="bottom"

oCMenu1.level[0].arrow="/websites/vbij.nl/mediadepot/arrow.gif"
oCMenu1.level[0].arrowWidth=20
oCMenu1.level[0].arrowHeight=9


oCMenu1.level[0].roundBorder=0
//Hook: Added animation features

//End Hook

oCMenu1.level[1]=new cm_makeLevel() //Add this for each new level
oCMenu1.level[1].width="185"
oCMenu1.level[1].height="22"
oCMenu1.level[1].regClass="cl1Level1"
oCMenu1.level[1].overClass="cl1Level1over"
oCMenu1.level[1].borderClass="cl1Level1border"
oCMenu1.level[1].latchedClass="cl1Level1latched"
oCMenu1.level[1].borderX=1
oCMenu1.level[1].borderY=1
oCMenu1.level[1].offsetX=0
oCMenu1.level[1].offsetY=0
oCMenu1.level[1].rows=0
oCMenu1.level[1].align="right"

oCMenu1.level[1].arrow="/websites/vbij.nl/mediadepot/arrow.gif"
oCMenu1.level[1].arrowWidth=20
oCMenu1.level[1].arrowHeight=9


oCMenu1.level[1].roundBorder=0
//Hook: Added animation features

//End Hook

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

				oCMenu1.makeMenu('item2','','Organisatie','/pageid=2/Organisatie.html','_top','105','','','','cl1Item2','cl1Item2over','','','','','window.status="Organisatie";','window.status="";')
				oCMenu1.makeMenu('item8','item2','Kernwaarden IJsselmeer','/pageid=8/Kernwaarden_IJsselmeer.html','_top','','','','','cl1Item1','cl1Item1over','','','','','window.status="Kernwaarden IJsselmeer";','window.status="";')
				oCMenu1.makeMenu('item4','item2','Doelstelling en visie','/pageid=4/Doelstelling_en_visie.html','_top','','','','','','','','','','','window.status="Doelstelling en visie";','window.status="";')
				oCMenu1.makeMenu('item14','item2','Visie','/pageid=14/Visie.html','_top','','','','','','','','','','','window.status="Visie";','window.status="";')
				oCMenu1.makeMenu('item15','item2','Aangesloten organisaties','/pageid=15/Aangesloten_organisaties.html','_top','','','','','cl1Level1latched','cl1Level1latched','','','','','window.status="Aangesloten organisaties";','window.status="";')
				oCMenu1.makeMenu('item42','','Contact','/pageid=42/Contact.html','_top','80','','','','cl1Item8','cl1Item8over','','','','','window.status="Contact";','window.status="";')
				oCMenu1.makeMenu('item9','','Ons Werk','/pageid=9/Ons_Werk.html','_top','90','','','','cl1Item3','cl1Item3over','','','','','window.status="Ons Werk";','window.status="";')
				oCMenu1.makeMenu('item154','item9','Markermeer en IJmeer','/pageid=154/Markermeer_en_IJmeer.html','_top','','','','','','','','','','','window.status="Markermeer en IJmeer";','window.status="";')
				oCMenu1.makeMenu('item153','item9','Jaarverslag 2009','/pageid=153/Jaarverslag_2009.html','_top','','','','','','','','','','','window.status="Jaarverslag 2009";','window.status="";')
				oCMenu1.makeMenu('item146','item9','Evaluatie werkplan 2009','/pageid=146/Evaluatie_werkplan_2009.html','_top','','','','','','','','','','','window.status="Evaluatie werkplan 2009";','window.status="";')
				oCMenu1.makeMenu('item72','item9','Te Kust en Te Keur','/pageid=72/Te_Kust_en_Te_Keur.html','_top','','','','','','','','','','','window.status="Te Kust en Te Keur";','window.status="";')
				oCMenu1.makeMenu('item73','item9','Vervolg Te Kust en Te Keur','/pageid=73/Vervolg_Te_Kust_en_Te_Keur.html','_top','','','','','','','','','','','window.status="Vervolg Te Kust en Te Keur";','window.status="";')
				oCMenu1.makeMenu('item10','','Agenda','/pageid=10/Agenda.html','_top','78','','','','cl1Item4','cl1Item4over','','','','','window.status="Agenda";','window.status="";')
				oCMenu1.makeMenu('item11','','Publicaties','/pageid=11/Publicaties.html','_top','100','','','','cl1Item5','cl1Item5over','','','','','window.status="Publicaties";','window.status="";')
				oCMenu1.makeMenu('item12','','Nieuws','/pageid=12/Nieuws.html','_top','80','','','','cl1Item6','cl1Item6over','','','','','window.status="Nieuws";','window.status="";')
				oCMenu1.makeMenu('item138','item12','VBIJ in de pers '09 - '10','/pageid=138/VBIJ_in_de_pers_09_-_10.html','_top','','','','','','','','','','','window.status="VBIJ in de pers \'09 - \'10";','window.status="";')
				oCMenu1.makeMenu('item13','','Links','/pageid=13/Links.html','_top','60','','','','cl1Item7','cl1Item7over','','','','','window.status="Links";','window.status="";')
oCMenu1.construct()



//hide selectboxes
if(bw.dom&&!bw.op){
  makeCM.prototype.sel=0
  makeCM.prototype.onshow+=";this.hideselectboxes(pm,pm.subx,pm.suby,maxw,maxh,pm.lev)"
  makeCM.prototype.hideselectboxes=function(pm,x,y,w,h,l){
    var selx,sely,selw,selh,i
    if(!this.sel){
      this.sel=this.doc.getElementsByTagName("SELECT")
		  this.sel.level=0
    }
    var sel=this.sel
    for(i=0;i<sel.length;i++){
			selx=0; sely=0; var selp;
			if(sel[i].offsetParent){selp=sel[i]; while(selp.offsetParent){selp=selp.offsetParent; selx+=selp.offsetLeft; sely+=selp.offsetTop;}}
			selx+=sel[i].offsetLeft; sely+=sel[i].offsetTop
			selw=sel[i].offsetWidth; selh=sel[i].offsetHeight			
			if(selx+selw>x && selx<x+w && sely+selh>y && sely<y+h){
				if(sel[i].style.visibility!="hidden"){sel[i].level=l; sel[i].style.visibility="hidden"; if(pm){ if(!pm.mout) pm.mout=""; pm.mout+=this.name+".sel["+i+"].style.visibility='visible';"}}
      }else if(l<=sel[i].level && !(pm&&l==0)) sel[i].style.visibility="visible"
    }
  }
}

//menu op zelfde plaats houden

if(bw.ie) 
{
	// makeCM.prototype.onconstruct='document.body.onscroll=new Function(c.name+".checkscrolled("+c.name+")")'
}
else
{
	//makeCM.prototype.onconstruct='setTimeout(c.name+".checkscrolled()",200)' //REMOVE THIS LINE TO HAVE SCROLLING ON FOR EXPLORER ONLY!!
}
makeCM.prototype.lscroll=0
makeCM.prototype.scrollstop=0 //Set this variable to 1 for another scrolling effect. Leave at 0 to scroll regular
makeCM.prototype.checkscrolled=function(obj){
	var i;
	if(bw.mac) return //REMOVE THIS LINE TO HAVE SCROLLING ON THE MAC AS WELL - unstable!
  var c=bw.ie?obj:this, o
	if(bw.ns4 || bw.ns6 || bw.op5) c.scrollY=window.pageYOffset
	else c.scrollY=document.body.scrollTop
	if(c.scrollY!=c.lscroll){
    c.hidesub()
    if(c.scrollY>c.fromTop&&c.scrollstop){
      for(i=0;i<c.l[0].m.length;i++){o=c.m[c.l[0].m[i]].b; o.moveIt(o.x,c.scrollY)}
      if(c.useBar) c.bar.moveIt(c.bar.x,c.scrollY)
    }else{
      if(c.scrollstop){
        for(i=0;i<c.l[0].m.length;i++){o=c.m[c.l[0].m[i]].b; o.moveIt(o.x,c.fromTop)}
        if(c.useBar) c.bar.moveIt(c.bar.x,c.barY)
      }else{
        for(i=0;i<c.l[0].m.length;i++){o=c.m[c.l[0].m[i]].b; o.moveIt(o.x,o.oy+c.scrollY)}
        if(c.useBar) c.bar.moveIt(c.bar.x,c.barY+c.scrollY)
      }
    }
		c.lscroll=c.scrollY; cmpage.y=c.scrollY; cmpage.y2=cmpage.orgy+c.scrollY
		if(bw.ie){ clearTimeout(c.tim); c.isover=0; c.hidesub()}
    if(c.hideselectboxes){ //If you are using the hideselect add-in as well the script will now check for selectboxes when scrolling as well
      var x = c.useBar?c.m[c.l[0].m[0]].b.x>c.bar.x?c.bar.x:c.m[c.l[0].m[0]].b.x:c.m[c.l[0].m[0]].b.x;
      var y = c.useBar?c.m[c.l[0].m[0]].b.y>c.bar.y?c.bar.y:c.m[c.l[0].m[0]].b.y:c.m[c.l[0].m[0]].b.y;
      var maxw = c.useBar?c.bar.w:c.rows?c.totw:c.maxw; var maxh = c.useBar?c.bar.h:!c.rows?c.toth:c.maxh
      c.hideselectboxes(0,x,y,maxw,maxh,0)
    }
	}
	if(!bw.ie) setTimeout(c.name+".checkscrolled()",200)
}