/*** 
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= 10

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

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

//Background bar properties
oCMenu1.useBar=1
oCMenu1.barWidth="158"
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="158"
oCMenu1.level[0].height="20"
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="right"

oCMenu1.level[0].arrow="/websites/westra-franeker.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="158"
oCMenu1.level[1].height="25"
oCMenu1.level[1].regClass="cl1Level1"
oCMenu1.level[1].overClass="cl1Level1over"
oCMenu1.level[1].borderClass="cl1Level1border"
oCMenu1.level[1].latchedClass="cl1Level1latched"
oCMenu1.level[1].borderX=
oCMenu1.level[1].borderY=
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/westra-franeker.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('item72','','VRAAG & AANBOD','/pageid=72/VRAAG_&_AANBOD.html','_top','','','','','','','','','','','window.status="VRAAG & AANBOD";','window.status="";')
				oCMenu1.makeMenu('item317','','CERTIFICATEN','/pageid=317/CERTIFICATEN.html','_top','','','','','','','','','','','window.status="CERTIFICATEN";','window.status="";')
				oCMenu1.makeMenu('item77','','NIEUWS','/pageid=77/NIEUWS.html','_top','','','','','','','','','','','window.status="NIEUWS";','window.status="";')
				oCMenu1.makeMenu('item78','','CONTACT','/pageid=78/CONTACT.html','_top','','','','','','','','','','','window.status="CONTACT";','window.status="";')
				oCMenu1.makeMenu('item79','','FOTOGALERIJ','/pageid=79/FOTOGALERIJ.html','_top','','','','','','','','','','','window.status="FOTOGALERIJ";','window.status="";')
				oCMenu1.makeMenu('item162','','HUISREGELS','/pageid=162/HUISREGELS.html','_top','','','','','','','','','','','window.status="HUISREGELS";','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)
}