// ===============BEGIN===================================================
// voeg hieronder nieuwe menu-items toe als newItem('naam', 'url', nivo). 
// variabelen:	#1 naam
//				#2 url (kan ook leeg zijn)
//				#3 nivo (0 t/m 4)
// =======================================================================
items = new Array();

newItem('Welkom','homepage.html',0);
newItem('Heemkundekring','hkk.html',0);
newItem('Algemeen','algemeen.html',1);
newItem('Historie','historie.html', 1);
newItem('Ereleden','ereleden.html', 1);
newItem('Actueel!','actueel.html', 0);
newItem('Heemhuis','heemhuis1.html', 0);
newItem('Overzicht','heemhuis.html', 1);
newItem('Wandelen','virtueel.html', 1);
newItem('H.N. Ouwerling','ouwerindex.html', 0);
newItem('Levensbeschrijving','hnouwerling.html',1);
newItem('Genealogie','ouwer.html',1);
newItem('Deurne','deurne1.html',0);
newItem('Geschiedenis','deurne.html',1);
newItem('Oude kaarten','kaarten.html',1);
newItem('Monumenten','monument.html',1);
newItem('Hist. vergissingen','vergissingen.html',1);
newItem('Deurnese straten','straten.html',1);
newItem('Bestuur','bestuur.html',0);
newItem('Contactpersonen','contactpersonen.html',0);
newItem('Lidmaatschap','lidmaatschap.html',0);
newItem('Werkgroepen','werkgroep.html',0);
newItem('Archeologie','werkgroeparcheo.html',1);
newItem('Beeldarchief','werkgroepbeeldarchief.html',1);
newItem('Beugelen','werkgroepbeugelen.html',1);
newItem('Bibliotheek','werkgroepbibliotheek.html',1);
newItem('Docu Data Deurne','werkgroepDDD.html',1);
newItem('DeurneWiki','werkgroepDeurneWiki.html',1);
newItem('Documentatie','werkgroepdocumentatie.html',1);
newItem('Uijtbeijndel','werkgroepuytbeyndel.html',1);
newItem('Educatie','werkgroepeducatie.html',1);
newItem('Genealogie','werkgroepgenealogie.html',1);
newItem('Heemhuis','werkgroepheemhuis.html',1);
newItem('Historische Geografie','werkgroephistorischegeografie.html',1);
newItem('Internet','werkgroepinternet.html',1);
newItem('Lezingen','werkgroeplezingen.html',1);
newItem('Monumenten','werkgroepmonumenten.html',1);
newItem('Oudheidkamer','werkgroepoudheidkamer.html',1);
newItem('Tentoonstellingen','werkgroeptentoonstellingen.html',1);
newItem('Tuin','werkgroeptuin.html',1);
newItem('Agenda voor 2010','agenda.html',0);
newItem('Tentoonstellingen','tentoon.html',1);
newItem('Lezingen/aktiviteiten','lezingen.html',1);
newItem('Bronbewerkingen','bronnen.html',0);
newItem('Administratief','administratie.html',0);
newItem('Te koop','boeken.html',0);
newItem('Links','links.html',0);
newItem('Historisch Café Deurne','hcd.htm',0);

function newItem(titel, url, nivo) {
	items[items.length] = new item (titel,url,nivo);
}

function item(titel, url, nivo) {
	this.titel = titel;
	this.url = url;
	this.nivo = nivo;
}

	divven = new Array();

function Is() {
    var agent = navigator.userAgent.toLowerCase();
    this.major = parseInt(navigator.appVersion);
    this.minor = parseFloat(navigator.appVersion);
    this.op3 = (agent.indexOf("opera") != -1);
    this.op6 = (agent.indexOf("opera 6") != -1);
    this.ns  = ((agent.indexOf('mozilla')!=-1) && (!this.op3) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1)));
    this.ns2 = (this.ns && (this.major == 2));
    this.ns3 = (this.ns && (this.major == 3));
    this.ns4b = (this.ns && (this.minor < 4.04));
    this.ns4 = (this.ns && (this.major >= 4));
    this.ns5 = (this.ns && (this.major == 5));
    this.ns6 = (this.ns && (this.major == 6));
    this.ie   = ((agent.indexOf("msie") != -1) && (!this.op3));
    this.ie3  = (this.ie && (this.major == 2));
    this.ie4  = (this.ie && (this.major >= 4));
    this.win   = (agent.indexOf("win")!=-1);
    this.mac   = (agent.indexOf("mac")!=-1);
    this.unix  = (agent.indexOf("x11")!=-1);

    // *** JAVASCRIPT VERSION CHECK ***
    if (this.ns2 || this.ie3) this.js = 1.0;
    else if (this.ns3 || this.op3) this.js = 1.1;
    else if ((this.ns4 && (this.minor <= 4.05)) || this.ie4) this.js = 1.2;
    else if ((this.ns4 && (this.minor > 4.05)) || this.ie5) this.js = 1.3;
    else if (this.ns5 && !(this.ns6)) this.js = 1.4;
    else if (this.ns6) this.js = 1.5;
	this.js10 = (this.js == 1.0);
	this.js11 = (this.js == 1.1);
	this.js12 = (this.js == 1.2);
	this.js13 = (this.js == 1.3);
	this.js14 = (this.js == 1.4);
	this.js15 = (this.js == 1.5);
}

var is = new Is();

if(is.ns4) {
    doc = "document";
    sty = "";
    htm = ".document"
} else if(is.ie4) {
    doc = "document.all";
    sty = ".style";
    htm = ""
}

function bouwMenu() {
	// hier de breedte en lengte van de images van het menu opgeven! 
	var imgbreedte = new Array(17,17,17,17,17);
	var imghoogte = new Array(9,9,9,9,9);
	var strMenu = "";
	
	for(i=0;i<items.length;i++) {
		divven[items[i].nivo] = i;
		var blHeeftChildren = false;
		// kijken of er een volgend nivo is 
		if (i<items.length-1) {
			if (items[i+1].nivo>items[i].nivo) 
				blHeeftChildren = true; 
		}

		strMenu = strMenu + ("<a id=tag" + i);
		strMenu = strMenu + (" class=level" + items[i].nivo);
		if(items[i].url!="") {
			strMenu = strMenu + (" href='" + items[i].url + "'");
		}
		strMenu = strMenu + (" target=framecontent");
		if((is.ie4)||(is.ns6)) {
			strMenu = strMenu + (" onMouseOver='parent.menuIn(img" + i + ","+ items[i].nivo + ");'"); 
			strMenu = strMenu + (" onMouseOut='parent.menuUit(img" + i + ","+ items[i].nivo + ");'");
			if (blHeeftChildren) {
				strMenu = strMenu + (" onClick=parent.klapInUit('" + pakDiv(items[i].nivo) + "');"); 
			}
		}
		strMenu = strMenu + (">");
		plus = 'leeg';
		if(is.ie4) {
			// als er een volgend nivo is dan een plus plaatsen, anders een lege image
			if (blHeeftChildren) {
				plus = 'plus';
			}
			strMenu = strMenu + ("<img ID='plus" + pakDiv(items[i].nivo) + "' src='graphics/" + plus + ".gif' width=11 height=11 border='0'>");
		}
		strMenu = strMenu + ("<img ID='img" + i + "'");
		strMenu = strMenu + (" src='graphics/menu" + items[i].nivo + ".gif' width=" + imgbreedte[items[i].nivo] + " height=" + imghoogte[items[i].nivo] + " border='0'>");
		strMenu = strMenu + (items[i].titel + "</A><br>");

		if(is.ie4) {
		// als er een volgend nivo is dan een div plaatsen
			if (blHeeftChildren) {
				strMenu = strMenu + ("<div style='display:none' ID='par" + pakDiv(items[i].nivo) + "'>");
			}
		// als er een lager nivo volgt dan een /div plaatsen
			begin = items[i].nivo;
			eind = (i<items.length-1?items[i+1].nivo:1)
			for(j=begin;j>eind;j--) {
				strMenu = strMenu + ("</div>");
			}
		}		
	}
	// laatste /div plaatsen
	if (items[items.length-1].nivo>0)
		strMenu = strMenu + ("</div>");
	framemenu.document.write(strMenu);
}

function pakDiv(nivo) {
	var div = "";
	for(idiv=0;idiv<nivo+1;idiv++) {
		div = div + "_" + divven[idiv];
	}
	return div;
}

function klapInUit(index) {
	// in en uitklappen en van het plusje een min maken en vv
	var blInklappen = false;
	var naam = 'par';
	var plusje = 'plus';

	if (is.ie4) {
		var linkObject = eval('framemenu.' + doc + '.' + naam + index + sty);
		var plusObject = eval('framemenu.' + doc + '.' + plusje + index);
		if (linkObject.display == "none") {
			linkObject.display = "";
			 plusObject.src = 'graphics/min.gif';
		} else {
			linkObject.display = "none";
			plusObject.src = 'graphics/plus.gif';
		}
	}   
}

function klapDivOpen(strIn) {
	if (is.ie4) {
		var numIndex = strIn.lastIndexOf("/");
		var strPagina = strIn.substr(numIndex + 1);
		numIndex = strPagina.indexOf("?");
		if (numIndex>-1) {
			strPagina = strPagina.substring(0,numIndex);
		}
	
		for(i=0;i<items.length;i++) {
			divven[items[i].nivo] = i;
			if (strPagina==items[i].url) { 
				break; 
			}
		}
		// pagina is niet gevonden
		if (i==items.length) return;

		for(j=0;j<items.length;j++) {
			var tag = 'framemenu.tag' + j;
			var linkObject = eval(tag + sty);
	//		linkObject.fontStyle = "normal";
			if (j==i) {
				linkObject.color = "red";
			} else {
	//			linkObject.fontStyle = "italic";
				linkObject.color = "black";
			}
		}

		// er zijn geen open te klappen parentmenus
		if (items[i].nivo==0) return;
		
		var div = 'framemenu.par';
		var plusje = 'framemenu.plus';
	
		for(idiv=0;idiv<items[i].nivo;idiv++) {
			div = div + "_" + divven[idiv];
			plusje = plusje + "_" + divven[idiv];
			var linkObject = eval(div + sty);
			linkObject.display = "";
			if (is.ie4) {
				var plusObject = eval(plusje);
				plusObject.src = "graphics/min.gif";
			}
		}
	}
}

function plusplaatsen() {
	var plusObject = eval(doc + '.plus' + i);
	if (i<items.length-1) {
		if (items[i+1].nivo>items[i].nivo) {
			plusObject.src = 'graphics/plus.gif'
		}
	}
}

function menuIn(pencil, nivo) {
	pencil.src = 'graphics/menuhigh' + nivo + '.gif';
}

function menuUit(pencil, nivo) {
	pencil.src = 'graphics/menu' + nivo + '.gif';
}