/**********************************************************************************   
NewsMenu 
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*   Completely Modified (C) 2004 Remco Siero (Function Topmenu is rewritten)
*   This script was released at DHTMLCentral.com and used by Bosgoed Automatisering
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	
	//alert (this.agent);
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6||this.ie7
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie7 || this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	//alert (this.bw);
	return this
}
var bw=new lib_bwcheck()

/********************************************************************************
If you want to change the appearance of the text, background-colors, size or
anything do that in the style tag above.

This menu might not be as easy to adapt to your own site, but please
play around with it before you mail me for help...
****************************************************************************/

/***************************************************************************
Variables to set.
****************************************************************************/

//There are 2 ways these menus can be placed
// 0 = column
// 1 = row
nPlace=0


//How many menus do you have? (remember to copy and add divs in the body if you add menus)
var nNumberOfMenus=3

var nMwidth=191 //The width on the menus (set the width in the stylesheet as well)
var nPxbetween=0 //Pixels between the menus
var nFromleft=0 //The first menus left position
var nFromtop=91 //The top position of the menus
var nBgcolor='' //The bgColor of the bottom mouseover div 
var nBgcolorchangeto='' //The bgColor to change to
var nImageheight=16 //The position the mouseover line div will stop at when going up!

/***************************************************************************
You shouldn't have to change anything below this
****************************************************************************/
//Object constructor
function makeNewsMenu(obj,nest){
	nest=(!nest) ? "":'document.'+nest+'.'					
   	this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;		
	this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;			
	this.scrollHeight=bw.ns4?this.css.document.height:this.evnt.offsetHeight
	this.moveIt=b_moveIt;this.bgChange=b_bgChange;
	this.slideUp=b_slideUp; this.slideDown=b_slideDown;
	this.clipTo=b_clipTo;
    this.obj = obj + "Object"; 	eval(this.obj + "=this")		
}
//Objects methods

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px;}
function b_bgChange(color){this.css.backgroundColor=color; this.css.bgColor=color; this.css.background=color;}
function b_clipTo(t,r,b,l){
	if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l
	}else this.css.clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)";
}
function b_slideUp(ystop,moveby,speed,fn,wh){
	if(!this.slideactive){
		if(this.y>ystop){
			this.moveIt(this.x,this.y-15); eval(wh)
			setTimeout(this.obj+".slideUp("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)
		}else{
			this.slideactive=false; this.moveIt(0,ystop); eval(fn)
		}
	}
}
function b_slideDown(ystop,moveby,speed,fn,wh){
	if(!this.slideactive){
		if(this.y<ystop){
			this.moveIt(this.x,this.y+15); eval(wh)
			setTimeout(this.obj+".slideDown("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)
		}else{
			this.slideactive=false; this.moveIt(0,ystop); eval(fn)
		}
	}
}
//Initiating the page, making cross-browser objects
function newsMenuInit(){
	oTopMenu=new Array()
	zindex=10
	for(i=0;i<=nNumberOfMenus;i++){
		oTopMenu[i]=new Array()
		oTopMenu[i][0]=new makeNewsMenu('divTopMenu'+i)
		oTopMenu[i][1]=new makeNewsMenu('divTopMenuBottom'+i,'divTopMenu'+i)
		oTopMenu[i][2]=new makeNewsMenu('divTopMenuText'+i,'divTopMenu'+i)
		oTopMenu[i][1].moveIt(0,nImageheight)
		oTopMenu[i][0].clipTo(0,nMwidth,nImageheight+3,0)
//		if(!nPlace){  
			if (i==0){oTopMenu[i][0].moveIt(0,nFromtop)}
			if (i==1){oTopMenu[i][0].moveIt(171,nFromtop)}
			if (i==2){oTopMenu[i][0].moveIt(360,nFromtop)}
			if (i==3){oTopMenu[i][0].moveIt(558,nFromtop)}
//			}
//		else{
//			oTopMenu[i][0].moveIt(nFromleft,i*nImageheight+nFromtop+(i*nPxbetween))
//			oTopMenu[i][0].css.zIndex=zindex--
//		}
		oTopMenu[i][0].css.visibility="visible"
	}
}
//Moves the menu  --- Modified for use by (c) 2004 Remco Siero
function topMenu(num){
	if(oTopMenu[num][1].y==nImageheight){
	if (num==0){ // Ondernemerstest.. Als er opgeklikt word open dit menu, en sluit de rest 
		oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,198,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,198,oTopMenu['+num+'][1].y+3,0)')
		oTopMenu[1][1].slideUp(nImageheight,10,40,'oTopMenu[1][0].clipTo(0,198,oTopMenu[1][1].y+3,0)','oTopMenu[1][0].clipTo(0,198,oTopMenu[1][1].y+3,0)')
		oTopMenu[2][1].slideUp(nImageheight,10,40,'oTopMenu[2][0].clipTo(0,198,oTopMenu[2][1].y+3,0)','oTopMenu[2][0].clipTo(0,198,oTopMenu[2][1].y+3,0)')
		oTopMenu[3][1].slideUp(nImageheight,10,40,'oTopMenu[3][0].clipTo(0,198,oTopMenu[3][1].y+3,0)','oTopMenu[3][0].clipTo(0,198,oTopMenu[3][1].y+3,0)')
		}
	if (num==1){ // Startsituatie.. Als er opgeklikt word open dit menu, en sluit de rest 
		oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,198,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,198,oTopMenu['+num+'][1].y+3,0)')
		oTopMenu[0][1].slideUp(nImageheight,10,40,'oTopMenu[0][0].clipTo(0,198,oTopMenu[0][1].y+3,0)','oTopMenu[0][0].clipTo(0,198,oTopMenu[0][1].y+3,0)')
		oTopMenu[2][1].slideUp(nImageheight,10,40,'oTopMenu[2][0].clipTo(0,198,oTopMenu[2][1].y+3,0)','oTopMenu[2][0].clipTo(0,198,oTopMenu[2][1].y+3,0)')
		oTopMenu[3][1].slideUp(nImageheight,10,40,'oTopMenu[3][0].clipTo(0,198,oTopMenu[3][1].y+3,0)','oTopMenu[3][0].clipTo(0,198,oTopMenu[3][1].y+3,0)')
		}
	if (num==2){ // Ondernemersplan.. Als er opgeklikt word open dit menu, en sluit de rest 
		oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,198,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,198,oTopMenu['+num+'][1].y+3,0)')
		oTopMenu[0][1].slideUp(nImageheight,10,40,'oTopMenu[0][0].clipTo(0,198,oTopMenu[0][1].y+3,0)','oTopMenu[0][0].clipTo(0,198,oTopMenu[0][1].y+3,0)')
		oTopMenu[1][1].slideUp(nImageheight,10,40,'oTopMenu[1][0].clipTo(0,198,oTopMenu[1][1].y+3,0)','oTopMenu[1][0].clipTo(0,198,oTopMenu[1][1].y+3,0)')
		oTopMenu[3][1].slideUp(nImageheight,10,40,'oTopMenu[3][0].clipTo(0,198,oTopMenu[3][1].y+3,0)','oTopMenu[3][0].clipTo(0,198,oTopMenu[3][1].y+3,0)')
		}
	if (num==3){ // Ster Franchise.. Als er opgeklikt word open dit menu, en sluit de rest 
		oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,198,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,198,oTopMenu['+num+'][1].y+3,0)')
		oTopMenu[0][1].slideUp(nImageheight,10,40,'oTopMenu[0][0].clipTo(0,198,oTopMenu[0][1].y+3,0)','oTopMenu[0][0].clipTo(0,198,oTopMenu[0][1].y+3,0)')
		oTopMenu[1][1].slideUp(nImageheight,10,40,'oTopMenu[1][0].clipTo(0,198,oTopMenu[1][1].y+3,0)','oTopMenu[1][0].clipTo(0,198,oTopMenu[1][1].y+3,0)')
		oTopMenu[2][1].slideUp(nImageheight,10,40,'oTopMenu[2][0].clipTo(0,198,oTopMenu[2][1].y+3,0)','oTopMenu[2][0].clipTo(0,198,oTopMenu[2][1].y+3,0)')
		}
	}
	else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20){ // Indien er weer op een menu geklikt word als het al open staat, word het gesloten.
	oTopMenu[0][1].slideUp(nImageheight,10,40,'oTopMenu[0][0].clipTo(0,198,oTopMenu[0][1].y+3,0)','oTopMenu[0][0].clipTo(0,198,oTopMenu[0][1].y+3,0)')
	oTopMenu[1][1].slideUp(nImageheight,10,40,'oTopMenu[1][0].clipTo(0,198,oTopMenu[1][1].y+3,0)','oTopMenu[1][0].clipTo(0,198,oTopMenu[1][1].y+3,0)')
	oTopMenu[2][1].slideUp(nImageheight,10,40,'oTopMenu[2][0].clipTo(0,198,oTopMenu[2][1].y+3,0)','oTopMenu[2][0].clipTo(0,198,oTopMenu[2][1].y+3,0)')
	oTopMenu[3][1].slideUp(nImageheight,10,40,'oTopMenu[3][0].clipTo(0,198,oTopMenu[3][1].y+3,0)','oTopMenu[3][0].clipTo(0,198,oTopMenu[3][1].y+3,0)')
	}

}
	
//Changes background onmouseover
function menuOver(num){oTopMenu[num][1].bgChange(nBgcolorchangeto)}
function menuOut(num){oTopMenu[num][1].bgChange(nBgcolor)}

//Calls the init function onload if the browser is ok...
if (bw.bw) onload = newsMenuInit;

/***************
Multiple Scripts
If you have two or more scripts that use the onload event, probably only one will run (the last one).
Here is a solution for starting multiple scripts onload:
   1. Delete or comment out all the onload assignments, onload=initScroll and things like that.
   2. Put the onload assignments in the body tag like in this example, note that they must have braces ().
   Example: <body onload="initScroll(); initTooltips(); initMenu();">
**************/