// JavaScript-document voor secundair menu in pagina's
//algemene variabelen
//pagina 1
function func_menuArray() {
	var home = new Array();
	home["naam"] = "home";
	home["link"] = "http://www.theaterlandgraaf.nl";
	home["achtergrondkleur"] = "#CCCCCC;";
	home["tekstkleur"] = "#000000;";
	
	var programma = new Array();
	programma["naam"] = "programma";
	programma["link"] =	"http://www.theaterlandgraaf.nl/php/lijst.php?id=0";
	programma["achtergrondkleur"] = "#055A0A;";
	programma["tekstkleur"] = "#FFFFFF;";
	
	var nieuws = new Array();
	nieuws["naam"] = "laatste nieuws";
	nieuws["link"] = "http://www.theaterlandgraaf.nl/php/nieuwslijst.php?id=0";
	nieuws["achtergrondkleur"] = "#D9766B;";
	nieuws["tekstkleur"] = "#FFFFFF;";
	
	var hyperlinks = new Array();
	hyperlinks["naam"] = "hyperlinks";
	hyperlinks["link"] = "http://www.theaterlandgraaf.nl/hyperlinks.html";
	hyperlinks["achtergrondkleur"] = "#008BBF;";
	hyperlinks["tekstkleur"] = "#FFFFFF;";
	
	var vrijwilligerswerk = new Array();
	vrijwilligerswerk["naam"] = "vrijwilligerswerk";
	vrijwilligerswerk["link"] =	"http://www.theaterlandgraaf.nl/vrijwAlgemeen.html";
	vrijwilligerswerk["achtergrondkleur"] = "#C41230;";
	vrijwilligerswerk["tekstkleur"] = "#FFFFFF;";
	
	var geschiedenis = new Array();
	geschiedenis["naam"] = "geschiedenis";
	geschiedenis["link"] = "http://www.theaterlandgraaf.nl/geschiedenis.html";
	geschiedenis["achtergrondkleur"] = "#965705;";
	geschiedenis["tekstkleur"] = "#FFFFFF;";
	
	var contact = new Array();
	contact["naam"] = "contact";
	contact["link"] = "http://www.theaterlandgraaf.nl/contact.html";
	contact["achtergrondkleur"] = "#FFCC66;";
	contact["tekstkleur"] = "#000000;";
		
	var fotoalbums = new Array();
	fotoalbums["naam"] = "fotoalbum(s)";
	fotoalbums["link"] = "http://www.theaterlandgraaf.nl/php/albumlijst.php";
	fotoalbums["achtergrondkleur"] = "#8D2E5E;";
	fotoalbums["tekstkleur"] = "#FFFFFF;";

	//pagina 2
	var informatie = new Array();
	informatie["naam"] = "informatie";
	informatie["link"] = "geen";
	informatie["achtergrondkleur"] = "#FFFFFF;";
	informatie["tekstkleur"] = "#000000;";
	
	var algemeen = new Array();
	algemeen["naam"] = "algemeen";
	algemeen["link"] = "http://www.theaterlandgraaf.nl/infoAlgemeen.html";
	algemeen["achtergrondkleur"] = "#CCCCCC;";
	algemeen["tekstkleur"] = "#000000;";
	
	var kassa = new Array();
	kassa["naam"] = "kassa";
	kassa["link"] =	"http://www.theaterlandgraaf.nl/infoKassa.html";
	kassa["achtergrondkleur"] = "#CCCCCC;";
	kassa["tekstkleur"] = "#000000;";
	
	var route = new Array();
	route["naam"] = "route";
	route["link"] =	"http://www.theaterlandgraaf.nl/infoRoute.html";
	route["achtergrondkleur"] = "#CCCCCC;";
	route["tekstkleur"] = "#000000;";
	
	var buitenkunst = new Array();
	buitenkunst["naam"] = "buitenkunst";
	buitenkunst["link"] = "http://www.theaterlandgraaf.nl/infoBuitenkunst.html";
	buitenkunst["achtergrondkleur"] = "#CCCCCC;";
	buitenkunst["tekstkleur"] = "#000000;";
	
	var kruisweg = new Array();
	kruisweg["naam"] = "kruisweg";
	kruisweg["link"] = "http://www.theaterlandgraaf.nl/infoKruisweg.html";
	kruisweg["achtergrondkleur"] ="#CCCCCC;";
	kruisweg["tekstkleur"] = "#000000;";
	
	var colofon = new Array();
	colofon["naam"] = "colofon";
	colofon["link"] = "http://www.theaterlandgraaf.nl/infoColofon.html";
	colofon["achtergrondkleur"] = "#CCCCCC;";
	colofon["tekstkleur"] = "#000000;";
	
	var rss = new Array();
	rss["naam"] = "RSS-feed";
	rss["link"] = "http://www.theaterlandgraaf.nl/php/rss.php";
	rss["achtergrondkleur"] = "#CCCCCC;";
	rss["tekstkleur"] = "#000000;";
		
	var menu = new Array();
	menu[0] = [home, programma, nieuws, hyperlinks, vrijwilligerswerk, geschiedenis, contact, fotoalbums];
	menu[1] = [informatie, algemeen, kassa, route, buitenkunst, kruisweg, colofon, rss];
	
	return menu;
}
		
function func_menu (menuArray, pagina) {
	var stamId_div = "menubutton_";		
	var stam_afb = "http://www.theaterlandgraaf.nl/afbeeldingen/arrows_";
	var ext_afb = ".png";
	var style = "font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; empty-cells:show; height: 22px; display: table-cell; vertical-align: middle; text-indent: 5px; background-color: ";
	var m = menuArray[pagina].length;
	var n = menuArray.length;			
	var doc_menu = document.createDocumentFragment();
	
	var element_divPagina = document.createElement("div");
	element_divPagina.setAttribute("id", "menupagina");
	
	var element_div_img = document.createElement("div");
	element_div_img.setAttribute("style", "display: table-cell; height: 22px; vertical-align: middle; cursor: pointer;")
	var str_idButton = stamId_div;
	
	p = (pagina+1) % n;
	if (navigator.appName == 'Microsoft Internet Explorer') {
		element_div_img.attachEvent("onclick", function(){func_blader(menuArray, p);});	
	} else {
		element_div_img.addEventListener("click", function(){func_blader(menuArray, p);}, false);
	}
				
	var element_img = document.createElement("img");
	element_img.setAttribute("src", stam_afb + pagina + ext_afb);
	element_img.setAttribute("align", "right");
	//element_img.setAttribute("style", "");
	element_div_img.appendChild(element_img);
	
	for(var i=0; i<m; i++) {				
													
		var element_div = document.createElement("div");
		var str_style = style
		str_style += menuArray[pagina][i]["achtergrondkleur"];
		str_style += "color: " + menuArray[pagina][i]["tekstkleur"];
		
		if(i==0) {
			str_style += "width: 146px;";
		} else {
			str_style += "width: 168px;";
		}
		
		if(menuArray[pagina][i]["link"] == "geen" ) {
			str_style += "text-align: center;";
		} else {
			str_style += "text-align: left;";
			str_style += "font-weight: bold;";
		}
		
		element_div.setAttribute("style", str_style);
				
		if(menuArray[pagina][i]["naam"] == "geen" ) {
			var str_naam = "";
		} else {
			var str_naam = menuArray[pagina][i]["naam"];
		}
		
		var textNode = document.createTextNode(str_naam);
		element_div.appendChild(textNode);
		
		var element_divButton = document.createElement("div");
		
		str_idButton = stamId_div + i;		
		element_divButton.setAttribute("id", str_idButton);
		element_divButton.setAttribute("style", "opacity: 1.0; display: inline-table; border: 1px; border-color: #FFFFFF; border-style: solid;");
				
		if (menuArray[pagina][i]["link"] == "geen" || window.location.href == menuArray[pagina][i]["link"]) {
			element_divButton.appendChild(element_div);
		} else {
			var element_a = document.createElement("a");
			element_a.setAttribute("href", menuArray[pagina][i]["link"]);
			element_a.setAttribute("target", "_self");
			element_a.setAttribute("style", "display: table-cell; vertical-align: top;");
			element_a.appendChild(element_div);
			element_divButton.appendChild(element_a);
		}
		
		if(i==0) {
			element_divButton.appendChild(element_div_img);	
		}
		element_divPagina.appendChild(element_divButton);
	}
	doc_menu.appendChild(element_divPagina);
	return doc_menu;		
}

function func_initPagina(pagina) {
	var menu = new Array();
	var num_pagina = pagina;
	var j=0;
	menu = func_menuArray();
	for(var i=0; i<menu.length; i++) {
		while (j<menu[i].length && menu[i][j]['link'] != window.location.href) {
			j++;
		}
		if(j < menu[i].length && menu[i][j]['link'] == window.location.href) {
			num_pagina = i;
			break;
		} else if (j == menu[i].length){
			j=0;
		} 
	}
	
	var element_pagina = func_menu(menu, num_pagina);
	document.getElementById("menulijst").appendChild(element_pagina);
}

function func_blader(menuArray, pagina) {
	var element_div = document.getElementById("menulijst");
	var element_huidigePagina = document.getElementById("menupagina");
	
	var element_volgendePagina = func_menu(menuArray, pagina);
	element_div.replaceChild(element_volgendePagina, element_huidigePagina);
}