var NavipointsXPos = new Array (398,487,577,667) //de coordinaten vanaf links geteld
var Navipulldownstep = 10;
var Navipulldownspeed = 10;
var NavipointHeight = 20;
var NavipointWidth = 108;
var lyrbackHeight = 57; //de hoogte vanaf de indexplaatjes gerekend
var TargetNavigationHeight
var theHeight = 0
var Delay
var Netscapeoffsetx = 0
var Netscapeoffsety = 0
var Netscapeoffsetx1 = 0
var Netscapeoffsety1 = 0
var fontfamily = "Trebuchet MS,Arial";
var fontweightout = "normal";
var fontweightover = "bold";
var fontsize = "12px";
var fontout = "#000000";
var fontover = "#010101";
var AbstandTop = 2;
var AbstandLeft = 10;
var PositionX = 0;
var startPositionY = 175;

if(NN40x||NN4) startPositionY -=4;
var NaviGation_Height = 21;
var offsetX = -1;
var NaviErstellt = false;
var hideNaviGationTimer = false;
var currentID;
var SuperNaviCounter=0;
var hideTimer = null;
var sleepTime = 1000;
var NaviGation1 = null; 
var HTML_Code="";
var HTML="";
var NetscapeText="";
var PositionY = startPositionY;
var AbstandX = offsetX;
var AbstandY = NaviGation_Height;
var LayerContent;
var	table_start='<table cellpadding="0" cellspacing="0" border="0"><tr><td align="left" valign="middle">';
var	table_ende='</td></tr></table>';
var CurrentImgName = "NaviPic0"

//Navi-Images
var NaviPic0out = new Image();
NaviPic0out.src = "../images/transparant.gif" ;
var NaviPic0over = new Image();
NaviPic0over.src = "../images/transparant.gif";
var NaviPic1out = new Image();
NaviPic1out.src = "../images/transparant.gif";
var NaviPic1over = new Image();
NaviPic1over.src = "../images/transparant.gif";
var NaviPic2out = new Image();
NaviPic2out.src = "../images/transparant.gif";
var NaviPic2over = new Image();
NaviPic2over.src = "../images/transparant.gif";
var NaviPic3out = new Image();
NaviPic3out.src = "../images/transparant.gif";
var NaviPic3over = new Image();
NaviPic3over.src = "../images/transparant.gif";
var NaviPic4out = new Image();
NaviPic4out.src = "../images/transparant.gif";
var NaviPic4over = new Image();
NaviPic4over.src = "../images/transparant.gif";
var NaviPic5out = new Image();
NaviPic5out.src = "../images/transparant.gif";
var NaviPic5over = new Image();
NaviPic5over.src = "../images/transparant.gif";

//Links for NaviGation
var NaviGation = new Array();
var NavipointWidth_array = new Array();

//var Navipointsubs = new Array(2,3,1,3,2,2)

var Navicounter = -1;
var m = 0;
var n = 0;
NaviGation[m] = new Array();
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/actueel/frameset_actueel.cfm?startpagina=nieuws/home.cfm","nieuws");
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/actueel/frameset_actueel.cfm?startpagina=informatie/home.cfm","informatie");
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/actueel/frameset_actueel.cfm?startpagina=vgv/home.cfm","vgv");
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/actueel/frameset_actueel.cfm?startpagina=links/home.cfm","links");

var Navicounter = -1;
m = m + 1;
NaviGation[m] = new Array();
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/statistieken/frameset_statistieken.cfm?startpagina=wachtlijsten/home.cfm","wachtlijsten");
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/statistieken/frameset_statistieken.cfm?startpagina=enquette/home.cfm","enquête");

var Navicounter = -1;
m = m + 1;
NaviGation[m] = new Array();
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/plein/frameset_plein.cfm?startpagina=fotoboek/home.cfm","fotoboek");
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/plein/frameset_plein.cfm?startpagina=forum/home.cfm","forum");
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/plein/frameset_plein.cfm?startpagina=gastenboek/home.cfm","gastenboek");
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/plein/frameset_plein.cfm?startpagina=mailinglist/home.cfm","mailinglist");

var Navicounter = -1;
m = m + 1;
NaviGation[m] = new Array();
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/durf/frameset_durf.cfm?startpagina=donorregistratie/home.cfm","donorregistratie");
NaviGation[m][Navicounter+=1] = new Array(String(n+=1),"http://www.wordorgaandonor.nl/durf/frameset_durf.cfm?startpagina=mail2ekamer/home.cfm","mail 2e kamer");


// Image Swap
function NaviPulldown(imgName,id) {
	if (!NaviErstellt) return;
	currentID = id;
	NaviGation_id = (NN40x||NN4) ? eval('document.mainContainer' + id) : eval('mainContainer' + id);
	clearTimeout(hideNaviGationTimer);
	hideAllMainNaviGation();
	document[imgName].src = eval(imgName + "over.src");
	showNaviGation(id)
}

function NaviPullup(imgName) {
	if (!NaviErstellt) return;
	currentID = 777;
	//document[imgName].src = eval(imgName + "out.src");
	CurrentImgName = imgName
	hideNaviGationTimer=setTimeout("hideAllMainNaviGation()",sleepTime);
}

if(NN40x||NN4){
	Netscapeoffsety = -2
	Netscapeoffsetx = -2
	Netscapeoffsety1 = -2
	Netscapeoffsetx1 = -2
	NavipointWidth += 4
	var sichtbar="show", unsichtbar="hidden";
	sleepTime = 1000;
	NaviGation_Height-=2;
	AbstandY = NaviGation_Height;
	PositionX -= 2;
	AbstandY +=1;
	fontsize = parseInt(fontsize) - 10;
	var startWidth = innerWidth;
	var startHeight = innerHeight;
}

if(IE4||IE5){
	var sichtbar="visible", unsichtbar="hidden";
	var zaehler=0;
	with(document){
	clear();
	write('<STYLE TYPE="text/css">');
	write('.Container{position:absolute;z-index:10;}');

	write('.out{');
	write('position:absolute;');
	write('width:' + NavipointWidth +200+ 'px;');
	write('height:' + NaviGation_Height + 'px;');
	write('padding-top:' + AbstandTop + 'px;');
	write('padding-left:' + AbstandLeft + 'px;');
	write('border-width:0px;');
	write('font-family:' + fontfamily + ';');
	write('font-size:' + fontsize + ';');
	write('font-weight:' + fontweightout + ';');
	write('color:' + fontout + ';');
	write('text-decoration:none;');
	write('z-index:20;');
	write('cursor:default;}');

	write('.over{');
	write('position:absolute;');
	write('width:' + NavipointWidth +200+ 'px;');
	write('height:' + NaviGation_Height + 'px;');
	write('border-width:0px;');
	write('padding-top:' + AbstandTop + 'px;');
	write('padding-left:' + AbstandLeft + 'px;');
	write('font-family:' + fontfamily + ';');
	write('font-size:' + fontsize + ';');
	write('font-weight:' + fontweightover + ';');
	write('color:' + fontover + ';');
	write('text-decoration:none;');
	write('z-index:21;');
	write('cursor:hand;}');
	write('</STYLE>');
	close();
	}
}

function moveTo(elem,px,py){

	if(IE4||IE5){
		eval('document.all.'+elem).style.pixelLeft=px;
		eval('document.all.'+elem).style.pixelTop=py;
	}
	if(NN4)eval('document.layers["ns'+elem+'"]').moveTo(px,py);
	if(NN6){
		eval('document.getElementById("'+elem+'")').style.left=px;
		eval('document.getElementById("'+elem+'")').style.top=py;
	}
}

function show(elem){

	if(IE4||IE5)eval('document.all.'+elem+'.style').visibility="visible";
	if(NN4)eval('document.layers["ns'+elem+'"]').visibility="show";
	if(NN6)eval('document.getElementById("'+elem+'")').style.visibility="visible";
}

function hide(elem){

	if(IE4||IE5)eval('document.all.'+elem+'.style').visibility="hidden";
	if(NN4)eval('document.layers["ns'+elem+'"]').visibility="hide";
	if(NN6)eval('document.getElementById("'+elem+'")').style.visibility="hidden";
}

function clipRect(elem,t,r,b,l){

	
	if(NN4){
		var lyrRef=eval('document.layers["ns'+elem+'"]');
		lyrRef.clip.top=t;
		lyrRef.clip.right=r;
		lyrRef.clip.bottom=b;
		lyrRef.clip.left=l;
	}
	if(IE4||IE5)eval('document.all.'+elem+'.style').clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)";
	if(NN6)eval('document.getElementById("'+elem+'")').style.clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)";
}

function LayerMouseOver(id_bgLyr,id_TextLayer,text,fontcolor){
	ReferenzLayer = id_TextLayer.document;

	if (fontcolor != "#010101")	LayerContent = table_start + '<font face=' + fontfamily + ' size=' + fontsize + ' color=' + fontcolor + '>' + text + '</font>' + table_ende;
	else LayerContent = table_start + '<font face=' + fontfamily + ' size=' + fontsize + ' color=' + fontcolor + '><b>' + text + '</b></font>' + table_ende;
	ReferenzLayer.open();
	ReferenzLayer.write (LayerContent);
	ReferenzLayer.close();
}

function showNaviGation(NaviNr)
{
	moveTo("lyrback",NavipointsXPos[NaviNr] + Netscapeoffsetx1-3,lyrbackHeight + Netscapeoffsety1)
	TargetNavigationHeight = ((NaviGation[NaviNr].length) * NavipointHeight) + 10
	clipRect("lyrback",0,NavipointWidth+Netscapeoffsetx1,TargetNavigationHeight,0)
	show("lyrback")

	if(IE4||IE5) NaviGation_id.style.visibility = sichtbar;
	if(NN40x||NN4) NaviGation_id.visibility = sichtbar;
}

function init(){

	for (m=0; m < NaviGation.length; m++){

		var	AnzmainNaviGation = 0;
		PositionY = 0;

		PositionX = NavipointsXPos[m] + Netscapeoffsetx;
		startPositionY = 60 + Netscapeoffsety


		for (var i=0; i < NaviGation[m].length; i++){
			NaviGationIndex = NaviGation[m][i][0];
			AnzmainNaviGation++;
		}	

		NaviGation_id = "mainContainer" + m;
		var mainContainer_Height = parseInt(AnzmainNaviGation * NaviGation_Height + AnzmainNaviGation +1); 
		NetscapeText = "";

		if(IE4||IE5){
			HTML_Code="<DIV ID=" + NaviGation_id + " CLASS='Container'></DIV>";
			window.document.body.insertAdjacentHTML("BeforeEnd", HTML_Code);
			PositionY = 0;
		}
		NaviGation_id.GenerateObject = GenerateObject(null,NaviGation_id,null,null,PositionX,startPositionY,mainContainer_Height,null,unsichtbar,1);

		for (i=0; i < NaviGation[m].length; i++){
			NaviGationIndex = NaviGation[m][i][0];
			for (var j=0; j < NaviGationIndex.length; j++){

				NaviGation_id = "NaviGation" + NaviGationIndex + "SuperNavi";
				NaviGation_link = NaviGation[m][i][1];
				NetscapeText = NaviGation[m][i][2];

				var ContainerLayer = "mainContainer" + m;

				if(IE4||IE5){
					HTML_Code = "<DIV ID=" + NaviGation_id + " CLASS='out'>" + NaviGation[m][i][2]+ "</DIV>";
					document.all["mainContainer"+m].insertAdjacentHTML("BeforeEnd", HTML_Code);
					NaviGation_id.GenerateObject = GenerateObject(i,NaviGation_id,ContainerLayer,NaviGation_link,0,PositionY,NaviGation_Height,null,"inherit",0);
				}

				if(NN40x||NN4){
					NaviGation_id.GenerateObject = GenerateObject(i,NaviGation_id,ContainerLayer,NaviGation_link,PositionX,PositionY+1,NaviGation_Height,NetscapeText,"inherit",0);
					PositionY = PositionY + AbstandY;
				}
				if(IE4||IE5){
					startPositionY = startPositionY + AbstandY - 1;
					PositionY = PositionY + AbstandY - 1;	
				}					
				break;
			}
		}
		NaviErstellt = true;
	}
}


function GenerateObject(arraycounter,id,ContLay,link,left,top,height,content,visibility,zIndex){

	if(NN40x||NN4){
		if(ContLay){
			var ReferenzLayer = eval("document."+ContLay+".document."+id+" = new Layer("+NavipointWidth+", document."+ContLay+")");
		}
		else{
			var ReferenzLayer = document.layers[id] = new Layer(NavipointWidth);
			eval("document."+id+" = ReferenzLayer");
		}
		ReferenzLayer.name = id;
		
		if(!ContLay) ReferenzLayer.left = left;
		if( ContLay) ReferenzLayer.left = 0;

		ReferenzLayer.top = top;

		ReferenzLayer.clip.top = 0;
		ReferenzLayer.clip.right = NavipointWidth;
		ReferenzLayer.clip.bottom = height;
		ReferenzLayer.clip.left = 0;

		ReferenzLayer.visibility = visibility;

		if(ContLay){
			ReferenzLayer.SuperNavi = document.layers[ContLay];

			TextLayer = new Layer(NavipointWidth,ReferenzLayer);

			TextLayer.top = AbstandTop;
			TextLayer.left = AbstandLeft;

			TextLayer.clip.top = ReferenzLayer.clip.top;
			TextLayer.clip.right = ReferenzLayer.clip.right;
			TextLayer.clip.bottom = ReferenzLayer.clip.bottom;
			TextLayer.clip.left = ReferenzLayer.clip.left;
			
			TextLayer.visibility = "inherit";
			TextLayer.disptext = NetscapeText;

			LayerContent = table_start + '<font face=' + fontfamily + ' size=' + fontsize + ' color=' + fontout + '>' + content + '</font>' + table_ende;

			TextLayer.document.open();
			TextLayer.document.write (LayerContent);
			TextLayer.document.close();

			TriggerLayer = new Layer(NavipointWidth,ReferenzLayer);

			TriggerLayer.clip.top = ReferenzLayer.clip.top;
			TriggerLayer.clip.right = ReferenzLayer.clip.right;
			TriggerLayer.clip.bottom = ReferenzLayer.clip.bottom;
			TriggerLayer.clip.left = ReferenzLayer.clip.left;
			TriggerLayer.visibility = sichtbar;

			TriggerLayer.item = TextLayer;

			TriggerLayer.link = link;

			TriggerLayer.captureEvents(Event.MOUSEUP | Event.MOUSEDOWN | Event.MOUSEOVER |Event.MOUSEOUT);
			TriggerLayer.onmouseover = overMainNaviGation;
			TriggerLayer.onmouseout = outMainNaviGation;
			TriggerLayer.onmouseup = downNaviGationItem;
			}
	}

	if(IE4||IE5){
		ReferenzLayer = this.document.all[id];
		ReferenzLayer.style.left = left;
		ReferenzLayer.style.top  = top;
		ReferenzLayer.style.width  = NavipointWidth;
		ReferenzLayer.style.height = height;
		ReferenzLayer.style.visibility = visibility;
		ReferenzLayer.link = link;

		if(id.lastIndexOf("SuperNavi")!=-1){
			ReferenzLayer.SuperNavi = document.all[ContLay];

			ReferenzLayer.onmouseover = overMainNaviGation;
			ReferenzLayer.onmouseout = outMainNaviGation;
			ReferenzLayer.onmouseup = downNaviGationItem;
		}
	}
}

function overMainNaviGation(){
	currentID = 777;
	clearTimeout(hideNaviGationTimer);
	if(NN40x||NN4){
		LayerMouseOver(this.bgLyr,this.item,this.item.disptext,fontover);
	}	
	if(IE4||IE5){
		this.className = "over";
	}
}
function outMainNaviGation(){
 hideNaviGationTimer=setTimeout("hideAllMainNaviGation(" + CurrentImgName + "out)",sleepTime);
 if(NN40x||NN4){
  LayerMouseOver(this.bgLyr,this.item,this.item.disptext,fontout);
 } 
 if(IE4||IE5){
  this.className = "out";
 } 
}

function hideAllMainNaviGation() {
	for (m=0; m < NaviGation.length; m++){
		if(NN40x||NN4){
			id = eval('document.mainContainer' + m);
			if (m != currentID) id.visibility = unsichtbar;
		}
		if(IE4||IE5){
			id = eval('mainContainer' + m);
			id.style.visibility = unsichtbar;
		}
	}
	hide('lyrback')
	document[CurrentImgName].src = eval(CurrentImgName + "out.src");
}

function downNaviGationItem(){
	if(this.link) window.parent.location.href= this.link;
}