// Dit kun je aanpassen
var vertraging=1000 // vertragingstijd menu vooraleer te verdwijnen (in milliseconden)
var hoofdlink=1 // werking hoofdlink in- of uitschakelen (1=in, 0=uit)
var verbergen=1 // menu verbergen na aanklikken subitem (1=ja, 0=nee)

// Hieronder niets meer wijzigen
var ie5=document.all
var ns6=document.getElementById&&!document.all

function positie_bepalen(voorwerp, offsettype)
{
	var totaloffset=(offsettype=="left")? voorwerp.offsetLeft : voorwerp.offsetTop;
	var parentEl=voorwerp.offsetParent;
	while (parentEl!=null)
	{
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}

function tonen_verbergen(obj, e, visible, hidden)
{
	if (ie5||ns6) menuobject.style.left=menuobject.style.top=-500
	if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover") obj.visibility=visible
	else if (e.type=="click")
	obj.visibility=hidden
}

function iecompattest()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function rand_bereikt(obj, welke_rand)
{
	var edgeoffset=0
	if (welke_rand=="rightedge")
	{
		var vensterrand=ie5 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
		menuobject.contentmeasure=menuobject.offsetWidth
		if (vensterrand-menuobject.x < menuobject.contentmeasure)
		edgeoffset=menuobject.contentmeasure-obj.offsetWidth
	}
	else
	{
		var vensterrand=ie5 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		menuobject.contentmeasure=menuobject.offsetHeight
		if (vensterrand-menuobject.y < menuobject.contentmeasure) edgeoffset=menuobject.contentmeasure+obj.offsetHeight
	}
	return edgeoffset
}

function toonmenu(obj, e, dropmenuID)
{
	if (window.event) event.cancelBubble=true
	else if (e.stopPropagation) e.stopPropagation()
	if (typeof menuobject!="undefined") menuobject.style.visibility="hidden"
	clearhidemenu()
	if (ie5||ns6)
	{
		obj.onmouseout=delayhidemenu
		menuobject=document.getElementById(dropmenuID)
		if (verbergen) menuobject.onclick=function(){menuobject.style.visibility='hidden'
	}
	menuobject.onmouseover=clearhidemenu
	menuobject.onmouseout=ie5?function(){ dynamisch_verbergen(event)} : function(event){ dynamisch_verbergen(event)}
	tonen_verbergen(menuobject.style, e, "visible", "hidden")
	menuobject.x=positie_bepalen(obj, "left")
	menuobject.y=positie_bepalen(obj, "top")
	menuobject.style.left=menuobject.x-rand_bereikt(obj, "rightedge")+"px"
	menuobject.style.top=menuobject.y-rand_bereikt(obj, "bottomedge")+obj.offsetHeight+"px"}
	return klik()
}

function klik()
{
	if ((ie5||ns6) && !hoofdlink) return false
	else return true
}

function ns6compat(a, b) 
{
	while (b.parentNode)
	if ((b = b.parentNode) == a)
	return true;
	return false;
}

function dynamisch_verbergen(e)
{
	if (ie5&&!menuobject.contains(e.toElement))
	delayhidemenu()
	else if (ns6&&e.currentTarget!= e.relatedTarget&& !ns6compat(e.currentTarget, e.relatedTarget))
	delayhidemenu()
}

function delayhidemenu()
{
	delayhide=setTimeout("menuobject.style.visibility='hidden'",vertraging)
}

function clearhidemenu()
{
	if (typeof delayhide!="undefined")
	clearTimeout(delayhide)
}









var iheight = 20; // height of the menu_items
var bgc = "#FFFFFF" // background color of the item
var tc = "#2B6EBB" // text color of the item
var over_bgc = "#FBFBFB";
var over_tc = "#FE0606";
var speed = 0;
var timerID = "";
var N = (document.all) ? 0 : 0;
var width = 185;
var self_menu = new Array();

function write_menu()
{
	smc = 0; // count the position of the self_menu
	document.write("<div style='position:absolute'>");
	mn = 0;
	mni = 1;
	start = -1;
	for(i=0;i<Link.length;i++)
	{
		la = Link[i].split("|");
		if (la[0] == "0")
		{
			if(start == 0) 
			{
				document.write("</div>");
				h =csmc * iheight;
				tmn = mn; //-h
				self_menu[smc] = new Array(tmn,h,0,-2);
				smc++;
				mn--;
			}

			csmc = 0;
			document.write("<div class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onclick='pull_down("+smc+","+mni+")'><img src='/images/pijltje blue.jpg'> "+ la[1] + "</div>");
			self_menu[smc] = new Array(mn,height,0,mni);
			smc++;
			mni++;
			mn+=height;
			start = 1;
		}
		else
		{
			if(start == 1) 
			{
				if(N)mn+=2;
				document.write("<div class='item_panel' id='down"+smc+"' style='top:"+mn+"'>");
				start = 0;
			}

			document.write("<a href='"+la[2]+"'");
			if (la[3] != "") document.write(" target='" + la[3] + "' ");
			document.write("><div class='item' id='d"+i+"' style='height:"+iheight);
			if (N) document.write(";width:180");
			document.write("' onmouseover='color(this.id)' onmouseout='uncolor(this.id)'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src='/images/pijltje rood.jpg' border='0'>"+ la[1] + "</div></a>");
			csmc++;
		}
	}

	if (start == 0) 
	{
		document.write("</div>");
		h =csmc * iheight;
		tmn = mn + 5; //-h
		self_menu[smc] = new Array(tmn,h,0);
		name = "down" + (self_menu.length-1);
		obj = document.getElementById(name);
		obj.style.borderBottomColor = "white";
		obj.style.borderBottomWidth = 1;
		obj.style.borderBottomStyle = "solid";
	}

		document.write("</div>");
}

function color(obj)
{
	document.getElementById(obj).style.backgroundColor = over_bgc;
	document.getElementById(obj).style.color = over_tc
}

function uncolor(obj)
{
	document.getElementById(obj).style.backgroundColor = bgc;
	document.getElementById(obj).style.color = tc
}

function pull_down(nr,c)
{
	if (timerID == "")
	{
		to = self_menu[nr+1][1]
		begin = nr + 2;
		if (timerID != "") clearTimeout(timerID);
		if (self_menu[nr+1][2] == 0)
		{
			self_menu[nr+1][2] = 1;
			if(nr == self_menu.length-2) {to++;}
			epull_down(begin,to,0);
		}
		else
		{
			to = 0;
			self_menu[nr+1][2] = 0;
			name = "down"+(nr+2);
			open_item = 0;
			for(i=0;i<nr;i++)
			{
				if(self_menu[i][2] == 1) 
				{
					open_item += self_menu[i][1];
				}
			}
			if (N == false) {open_item-= (c*1)};
			if (nr== self_menu.length-2) {val = self_menu[self_menu.length-1][1];to=-1;}
			else val = parseInt(document.getElementById(name).style.top) -(open_item)-(c*height);
			epull_up(begin,to,val);
		}
	}
}

function epull_down(nr,to,nowv)
{
	name = "down" + (nr-1);
	obj = document.getElementById(name).style.clip = "rect(0,"+width+","+(nowv+1)+",0)";
	for (i=nr;i<self_menu.length;i++)
	{
		name = "down" + i;
		obj = document.getElementById(name);
		obj.style.top = parseInt(obj.style.top)+1;
	}
	nowv++;
	if(nowv < to) timerID = setTimeout("epull_down("+nr+","+to+","+nowv+")",speed);
	else timerID = "";
}

function epull_up(nr,to,nowv)
{
	name = "down" + (nr-1);
	obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)";
	for (i=nr;i<self_menu.length;i++)
	{
		name = "down" + i;
		obj = document.getElementById(name);
		obj.style.top = parseInt(obj.style.top)-1;
	}
	nowv--;
	if(nowv > to) timerID = setTimeout("epull_up("+nr+","+to+","+nowv+")",speed);
	else timerID = "";
}

function startup(nr)
{
	write_menu();
	if (nr != 0)
	{
		for(i=0;i<self_menu.length;i++)
		{
			if(self_menu[i][3] == nr) pull_down(i,nr)
			i==self_menu.length;
		}
	}
}