// JavaScript Document

//Week array
arrWeek = new Array("zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag");
arrMaanden = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
arrMaandenNL = new Array("januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december");

var lidnaam = "";
var wagennummer,nummer,slideshowTeller = 0;
var timer;
var jaar;
var maand;
var aantalDagen;
var dagTeller;
var tmpDagTeller;


function Parsen(){
	//Algemeen parsen
	oData = parseXML("data/data.xml");
	arrFotos = oData.getElementsByTagName("fotos");
}

function Home(){
	
	//Parsen van de xml data
	//Parsen();
	
	//slideshow starten
	fotoSlideShow();
	
	////Huidige datum
//	var currentDate = new Date();
//							
//	//Maand en jaar bepalen
//	var huidigeDag = currentDate.getDate();
//	var huidigeMaand = currentDate.getMonth();
//	if (navigator.userAgent.indexOf("MSIE") != -1) {
//		var huidigJaar = currentDate.getYear();
//	}else if (navigator.userAgent.indexOf("Firefox") != -1) {
//		var huidigJaar = 1900 + currentDate.getYear();
//	}
	
	//Laatste kalender items tonen
	//var sTransformation = transformXML("data/kalender.xml","XSL/indexKalender.xsl",huidigeDag,parseInt(huidigeMaand+1),huidigJaar);
	//document.getElementById("indexKalenderData").innerHTML = sTransformation;
	
}

function fotoSlideShow(){

	////Vorige array wissen
//	arrSlideShowFotos = new Array();
//
//	//alle foto's inladen
//	for(var i=0;i<arrFotos.length;i++){
//		//Op tagname controleren om zo geen whitespace in de array te hebben
//		if(arrFotos[i].tagName == "fotos" && arrFotos[i].getAttribute("ex") == "neen"){
//			//Eerste foto nemen
//			
//				if(arrFotos[i].childNodes[0].tagName == "item"){
//					var oFoto = new Object()
//					oFoto.id = arrFotos[i].getAttribute("id");
//					oFoto.wagennummer = arrFotos[i].getAttribute("wagennummer");
//					oFoto.gegeven = arrFotos[i].childNodes[0].firstChild.nodeValue;
//					arrSlideShowFotos.push(oFoto);
//					
//					//Indien de eerste item whitespace is volgend item nemen
//				}else if(arrFotos[i].childNodes[1].tagName == "item"){
//					var oFoto = new Object()
//					oFoto.id = arrFotos[i].getAttribute("id");
//					oFoto.wagennummer = arrFotos[i].getAttribute("wagennummer");
//					oFoto.gegeven = arrFotos[i].childNodes[1].firstChild.nodeValue;
//					arrSlideShowFotos.push(oFoto);
//				}
//		}
//	}
	
	
		
	fotoSlideShowPlaatsen();
}

function fotoSlideShowPlaatsen(){

	//vorige waarden wissen
	if(document.getElementById("fotoSlideShow") == null){
		//Niks doen
	}else{
		//Alles clearen 
		document.getElementById("fotoSlideShow").innerHTML = "";
		
		//Willekeurig nummer genereren zodat het niet altijd dezelfde foto is die start
		slideshowTeller = Math.floor(Math.random()*arrSlideShowFotos.length);
	
		//timer al defineren
		var timer;
		
		//De foto's zelf toevoegen
		//Variabelen aanmaken
		var img = document.createElement("img");
		var a = document.createElement("a");
		
		//Attributen plaatsen
		//img.setAttribute("src","leden/" + arrSlideShowFotos[slideshowTeller].id + "/" + arrSlideShowFotos[slideshowTeller].gegeven);
		img.setAttribute("src",arrSlideShowFotos[slideshowTeller].foto);
		img.setAttribute("id","fotoSlideShowFotos");
		a.setAttribute("href","leden.php?lidid=" + arrSlideShowFotos[slideshowTeller].lidId);
		a.appendChild(img);
		
		//foto's toevoegen aan de div
		document.getElementById("fotoSlideShow").appendChild(a);
	
		//De totale teller verhogen
		slideshowTeller ++
		
		//Controleren of er niet over de arraylengte gegaan word
		if(slideshowTeller == arrSlideShowFotos.length){
			slideshowTeller = 0;
		}
		//Eerst interval clearen zodat er zeker maar 1 timer loopt
		clearTimeout(timer);
		//Nieuw interval aanmaken
		timer = setTimeout("fotoSlideShowPlaatsen()",5000);
		
	}
}

function ledenHome(){
	//Controleren of er een querystring werd meegegeven
	if(window.location.search == ""){
		var sTransformation = transformXML("data/data.xml","XSL/ledenHome.xsl");
		document.getElementById("ledenOpsomming").innerHTML = sTransformation;
		
		var sTransformation = transformXML("data/data.xml","XSL/exledenHome.xsl");
		document.getElementById("exledenOpsomming").innerHTML = sTransformation;
	}else{
		//pagina genereren
		var sTransformation = transformXML("data/data.xml","XSL/ledenHome.xsl");
		document.getElementById("ledenOpsomming").innerHTML = sTransformation;
		
		var sTransformation = transformXML("data/data.xml","XSL/exledenHome.xsl");
		document.getElementById("exledenOpsomming").innerHTML = sTransformation;
		
		//Query meegegeven
		//Bevat naam & wagennummer
		var query = unescape(window.location.search);
		//Eerst spliten op &
		var arrTmp = query.split("&");
		
		//Eerste deel naam, 2de deel wagennummer
		var naam = arrTmp[0].substring(6,arrTmp[0].length);
		var wagennummer = arrTmp[1].substring(12,arrTmp[1].length);
		
		//alert("naam : " + naam + " | nummer : " + wagennummer);
		
		//lid info opzoeken
		Leden(naam,wagennummer);
	}
}

function Leden(lidnaam,wagennummer,totaalWagens){
	
	//Parsen van de xml data
	Parsen();
	
	//Eventueel juist zetten van de wagennummers
	if(wagennummer==0){
		wagennummer = parseInt(totaalWagens);
	}else if(wagennummer == parseInt(totaalWagens)+1){
		wagennummer = 1;
	}
	
	var sTransformation = transformXML("data/data.xml","XSL/leden.xsl",lidnaam,wagennummer);
	document.getElementById("ledenDetail").innerHTML = sTransformation;
}


function toonFoto(lidnaam,wagennummer,nummer){

	//gegevens globaal ook zetten
	this.nummer = nummer;
	this.lidnaam = lidnaam;
	this.wagennummer = wagennummer;
	
	//Vorige gegevens wissen
	document.getElementById("ledenDetail").innerHTML = "";
	
	//Titel plaatsen
	document.getElementById("ledenDetail").innerHTML = '<h1><span>Detailfoto van de wagen van ' + lidnaam + '</span><img src="images/pijlen.jpg" alt="" /></h1><br/><br/>';
	
	//Nieuwe array defineren
	arrTmpFotos = new Array();
	
	//foto opzoeken in de array
	for(var i=0;i<arrFotos.length;i++){
		if(arrFotos[i].getAttribute("id") == lidnaam && arrFotos[i].getAttribute("wagennummer") == wagennummer){
			arrTmpFotos = arrFotos[i].getElementsByTagName("item");
		}
	}
	
	//Eerste div plaatsen voor de vorige, volgende en terugknoppen
	var divControls = document.createElement("div");
	var div = document.createElement("div");
	
	//Id's meegeven aan de divs
	divControls.setAttribute("id","fotoDivControls");
	div.setAttribute("id","groteFotoDiv");
	
	//img voor de foto plaatsen
	var img = document.createElement("img");
	
	//Stats goedzetten voor de foto div
	img.setAttribute("src","leden/" + lidnaam + "/" + arrTmpFotos[nummer-1].firstChild.nodeValue);
	img.setAttribute("id","groteFoto");
	div.appendChild(img);
	
	//De divs plaatsen
	document.getElementById("ledenDetail").appendChild(divControls);
	document.getElementById("ledenDetail").appendChild(div);
	
	//Altijd terugknop tonen	
	var aTerug = document.createElement("a");
	var spanTerug = document.createElement("span");
	var breakTerug = document.createElement("br");
	
	spanTerug.appendChild(document.createTextNode("Ga terug    "));
	spanTerug.appendChild(breakTerug);
	aTerug.setAttribute("href","javascript:Leden('" + lidnaam + "','" + wagennummer + "')");
	aTerug.appendChild(spanTerug);
	
	document.getElementById("fotoDivControls").appendChild(aTerug);
	
	
	//De knoppen erbijplaatsen als er meer dan 1 foto is
	if(arrTmpFotos.length > 1){
		
		var vorigLink = "javascript:fotoAanpassen(-1)";
		var vorigInhoud = "<span><a href='" + vorigLink + "'><img class='centerPijl' src='images/pijlen_terug.jpg' alt='vorige' />Vorige afbeelding</a></span><br/>"
		
		var volgendeLink = "javascript:fotoAanpassen(1)";
		var volgendeInhoud = "<span><a href='" + volgendeLink + "'><img class='centerPijl' src='images/pijlen.jpg' alt='volgende' />Volgende afbeelding</a></span><br/>"
		
		document.getElementById("fotoDivControls").innerHTML = document.getElementById("fotoDivControls").innerHTML + vorigInhoud + volgendeInhoud;
	}
		
}

function fotoAanpassen(index){
	//Nummer aanpassen
	nummer = parseInt(parseInt(nummer) + parseInt(index));
	
	//Checken of het huidige nummer bestaat, zoniet aanpassen
	if(nummer == parseInt(arrTmpFotos.length+1)){
		//Als het nummer momenteel maximum is, moet hij terug naar 0
		nummer = 1;
	}else if(nummer == 0){
		nummer = parseInt(arrTmpFotos.length);
	}
	//Afbeelding aanpassen
	document.getElementById("groteFoto").setAttribute("src","leden/" + lidnaam + "/" + arrTmpFotos[nummer-1].firstChild.nodeValue);

}


//-------------------Kalender------------------------------------------------------//
//---------------------------------------------------------------------------------//


function Kalender(tijdstip,jaar){

	var dagTeller = 1;
	
	//Checken welke dag de eerste wa
	var huidigeDatum = new Date();
	
	//De vorige/volgende maand zetten
	if(tijdstip != null){
		//Maand en jaar bepalen
		this.maand = parseInt(tijdstip);
		this.jaar = parseInt(jaar);
	}else{
		//Maand en jaar bepalen
		maand = huidigeDatum.getMonth();
		if (navigator.userAgent.indexOf("MSIE") != -1) {
			this.jaar = huidigeDatum.getYear();
		}else if (navigator.userAgent.indexOf("Firefox") != -1) {
			this.jaar = 1900 + huidigeDatum.getYear();
		}

	}
	
	var optezoekenDatum = new Date("01 " + arrMaanden[maand] + " " + this.jaar);
	var dag1 = optezoekenDatum.getDay();
	//Op dag 1 begint de maand.  Index is de dag (zie arrWeek array);
	
	//Vorige data wissen
	document.getElementById("kalenderDiv").innerHTML = "";
	
	document.getElementById("kalenderDiv").innerHTML = "<h1><span>Kalender</span><img src='images/pijlen.jpg' alt='' /></h1><br/><br/>";
	
	//InnerHTML variabele
	var tabel = "";
	tabel += "<table><tr>";
	
	//aanmaken header
	for(var i = 0;i<7;i++){
		tabel += "<th>" + arrWeek[i] + "</th>";
	}

	//rij afsluiten & nieuwe rij
	tabel += "</tr><tr>";
	
	//Aanmaken van de eerst rij
	for(var i = 0;i<7;i++){
		
		if(i >= dag1){
			
			tmpDagTeller = "" + dagTeller;
			//Een 0 voorplaatsen indien nodig
			if(tmpDagTeller.length == 1){
				dagTeller = "0" + dagTeller;	
			}
			
			//Nieuwe gegevens toevoegen
			tabel += "<td bgcolor='#E6E6E6' id='datum" + dagTeller + "'><span id='dagNummer" + dagTeller+"' class='dagNummer'>" + dagTeller + "</span><span class='data' class='data' id='kalenderData" + dagTeller+"'></span></td>";

			//Dagteller verhogen
			dagTeller++;
		}else{
			tabel += "<td></td>";
		}
	}
	//rij afsluiten & nieuwe rij
	tabel +="</tr><tr>";
	
	//Bepalen hoeveel dagen er in de maand komen
	this.aantalDagen = daysInMonth(maand,this.jaar);

	//Aanmaken van de volgende 3 rijen
	for(var i = 0;i<4;i++){
		//Nieuwe rij aanmaken
		tabel += "<tr>";
		
		for(var j = 0;j<7;j++){
			
			tmpDagTeller = "" + dagTeller;
			//Een 0 voorplaatsen indien nodig
			if(tmpDagTeller.length == 1){
				dagTeller = "0" + dagTeller;	
			}
			
			//Nieuwe gegevens toevoegen
			//tabel += "<td bgcolor='#E6E6E6' id='datum" + dagTeller + "'><span id='dagNummer" + dagTeller+"' class='dagNummer'>" + dagTeller + "</span><span class='data' id='kalenderData" + dagTeller+"'></span></td>";
			
			
			if(dagTeller <= aantalDagen){
				tabel += "<td bgcolor='#E6E6E6' id='datum" + dagTeller + "'><span id='dagNummer" + dagTeller+"' class='dagNummer'>" + dagTeller + "</span><span  class='data' id='kalenderData" + dagTeller+"'></span></td>";
		}else{
			tabel += "<td></td>";
		}
		
		
			//Dagteller verhogen
			dagTeller++;
		}
	}
	
	//Aanmaken van de laatste rij
	
	//rij afsluiten & nieuwe rij
	tabel +="</tr><tr>";
	
	for(var i = 0;i<7;i++){
		//tabel element maken
		if(dagTeller <= aantalDagen){
				tabel += "<td bgcolor='#E6E6E6' id='datum" + dagTeller + "'><span id='dagNummer" + dagTeller+"' class='dagNummer'>" + dagTeller + "</span><span class='data' id='kalenderData" + dagTeller+"'></span></td>";
		}else{
			tabel += "<td></td>";
		}
		//Dagteller verhogen
		dagTeller++;
	}		
	
	tabel += "</tr></table><div id='tmpDiv'></div>";

	//De tabel toevoegen aan de pagina
	document.getElementById("kalenderDiv").innerHTML = document.getElementById("kalenderDiv").innerHTML + tabel;
	
	
	//Test doeleinden
/*
	var test = window.prompt("Data");
	var test2 = window.prompt("index");
	document.getElementById("datum" + test2).childNodes[1].innerHTML = test;
*/
		
	//Volgende of vorige maand knoppen en info
	var div = document.createElement("div");
	var span = document.createElement("span");
	var imgBack = document.createElement("img");
	var imgForward = document.createElement("img");
	var aBack = document.createElement("a");
	var aForward = document.createElement("a");
	
	div.setAttribute("id","kalenderBackForward");
	
	
	imgForward.setAttribute("class","centerPijl");
	imgForward.setAttribute("id","kalenderVolgende");
	imgForward.setAttribute("src","images/pijlen.jpg");
	imgBack.setAttribute("class","centerPijl");
	imgBack.setAttribute("id","kalenderVorige");
	imgBack.setAttribute("src","images/pijlen_terug.jpg");
	
	//Checken wat er moet gebeuren met de waarden
	if(maand == arrMaanden.length-1){
		aForward.setAttribute("href","javascript:Kalender('" + parseInt(0) +"','" + parseInt(this.jaar+1) + "')");
		aBack.setAttribute("href","javascript:Kalender('" + parseInt(maand -1) +"','" + parseInt(this.jaar) + "')");
	}else if(maand == 0){
		aForward.setAttribute("href","javascript:Kalender('" + parseInt(maand +1)  +"','" + parseInt(this.jaar) + "')");
		aBack.setAttribute("href","javascript:Kalender('" + parseInt(arrMaanden.length-1)  +"','" + parseInt(this.jaar-1) + "')");
	}else{
		aForward.setAttribute("href","javascript:Kalender('" + parseInt(maand +1)  +"','" + parseInt(this.jaar) + "')");
		aBack.setAttribute("href","javascript:Kalender('" + parseInt(maand -1)  +"','" + parseInt(this.jaar) + "')");
	}
	
	aBack.appendChild(imgBack);
	div.appendChild(aBack);
	
	span.appendChild(document.createTextNode(arrMaandenNL[maand] + " | " + this.jaar));
	span.setAttribute("id","kalenderMaand");
	div.appendChild(span);
	
	aForward.appendChild(imgForward);
	div.appendChild(aForward);
	
	document.getElementById("kalenderDiv").appendChild(div);
	

	
	
	//Het toevoegen gedeelte plaatsen----------------------------------------------------------------------
	//-----------------------------------------------------------------------------------------------------
	var span = document.createElement("span");
	var a = document.createElement("a");
	
	span.appendChild(document.createTextNode("Als u geinteresseerd bent om uw meeting toe te voegen op deze site, dan kunt u dat hier doen."));
	a.setAttribute("href","kalender_contact.htm");
	a.appendChild(span);
	
	document.getElementById("kalenderToevoegen").innerHTML = "<h1><span>Toevoegen</span><img src='images/pijlen.jpg' alt='' /></h1><br/><br/>";
	document.getElementById("kalenderToevoegen").appendChild(a);
	
	//Een enter simuleren
	var br = document.createElement("br");
	document.getElementById("kalenderToevoegen").appendChild(br);
	
	//Het info gedeelte plaatsen----------------------------------------------------------------------
	//-----------------------------------------------------------------------------------------------------
	//Detail venster	
	document.getElementById("kalenderInfo").innerHTML = "<h1><span>Info</span><img src='images/pijlen.jpg' alt='' /></h1><br/><br/>Selecteer een van de meetings in de kalender.";
	
	//En uiteindelijk alle data inladen.
	kalenderInladen();
}


function daysInMonth(month,year) {
var aantalDagen = new Date(year, month+1, 0);
return aantalDagen.getDate();
}

function kalenderInladen(){
	//Kalender data parsen
	oKalender =  parseXML("data/kalender.xml");
	//Alle items in de kalender overlopen
	arrTmp = oKalender.getElementsByTagName("item");
	//alert(arrTmp[0].childNodes[0].firstChild.nodeValue);
	//arrKalender clearen
	arrKalender = new Array();

	if(arrTmp.length==0){
		alert("geen items");
	}else{
		if (navigator.userAgent.indexOf("MSIE") != -1){
			for(var i=0;i<arrTmp.length;i++){
				//Nieuw object maken
				var tmpObject = new Object();
				
				//attributen toekennen
				tmpObject.dag = arrTmp[i].childNodes[0].firstChild.nodeValue;
				tmpObject.maand = arrTmp[i].childNodes[1].firstChild.nodeValue;
				tmpObject.jaar = arrTmp[i].childNodes[2].firstChild.nodeValue;
				tmpObject.titel = arrTmp[i].childNodes[3].firstChild.nodeValue;
				tmpObject.organisator = arrTmp[i].childNodes[4].firstChild.nodeValue;
				tmpObject.href = arrTmp[i].childNodes[5].firstChild.nodeValue;
				tmpObject.lokatie = arrTmp[i].childNodes[6].firstChild.nodeValue;
				tmpObject.data = arrTmp[i].childNodes[7].firstChild.nodeValue;
				
				//Object toevoegen aan de array
				arrKalender.push(tmpObject);
				
			}
			
		}else if (navigator.userAgent.indexOf("Firefox") != -1){
			for(var i=0;i<arrTmp.length;i++){
				//Nieuw object maken
				var tmpObject = new Object();
				
				tmpObject.dag = arrTmp[i].childNodes[0].firstChild.nodeValue;
				tmpObject.maand = arrTmp[i].childNodes[1].firstChild.nodeValue;
				tmpObject.jaar = arrTmp[i].childNodes[2].firstChild.nodeValue;
				tmpObject.titel = arrTmp[i].childNodes[3].firstChild.nodeValue;
				tmpObject.organisator = arrTmp[i].childNodes[4].firstChild.nodeValue;
				tmpObject.href = arrTmp[i].childNodes[5].firstChild.nodeValue;
				tmpObject.lokatie = arrTmp[i].childNodes[6].firstChild.nodeValue;
				tmpObject.data = arrTmp[i].childNodes[7].firstChild.nodeValue;
				
				//attributen toekennen
/*				tmpObject.dag = arrTmp[i].childNodes[1].firstChild.nodeValue;
				tmpObject.maand = arrTmp[i].childNodes[3].firstChild.nodeValue;
				tmpObject.jaar = arrTmp[i].childNodes[5].firstChild.nodeValue;
				tmpObject.titel = arrTmp[i].childNodes[7].firstChild.nodeValue;
				tmpObject.organisator = arrTmp[i].childNodes[9].firstChild.nodeValue;
				tmpObject.href = arrTmp[i].childNodes[11].firstChild.nodeValue;
				tmpObject.lokatie = arrTmp[i].childNodes[13].firstChild.nodeValue;
				tmpObject.data = arrTmp[i].childNodes[15].firstChild.nodeValue;*/
				
				//Object toevoegen aan de array
				arrKalender.push(tmpObject);
			}
		}
		
		//Huidige datum
		var currentDate = new Date();
							
		//Maand en jaar bepalen
		var huidigeDag = currentDate.getDate();
		
		var tmpHuidigeDag = "" + huidigeDag;
			//Een 0 voorplaatsen indien nodig
			if(tmpHuidigeDag.length == 1){
				huidigeDag = "0" + huidigeDag;	
			}
		
		var huidigeMaand = currentDate.getMonth();
		if (navigator.userAgent.indexOf("MSIE") != -1) {
			var huidigJaar = currentDate.getYear();
		}else if (navigator.userAgent.indexOf("Firefox") != -1) {
			var huidigJaar = 1900 + currentDate.getYear();
		}
		if(huidigeMaand == this.maand && huidigJaar ==this.jaar){
			document.getElementById("kalenderData" + huidigeDag).innerHTML = "<span>Vandaag</span>";
			document.getElementById("dagNummer" + huidigeDag).setAttribute("id","itemGeel");
		}
		
		//Juiste data plaatsen bij de maand
		for(var i=0;i<arrKalender.length;i++){
			if(arrKalender[i].maand == parseInt(maand)+1 && arrKalender[i].jaar == jaar){
				//alert("Match gevonden");
				//alert("Maand : " + arrKalender[i].maand + "  dag : " + arrKalender[i].dag + "   jaar : " + arrKalender[i].jaar);
				//var kalenderLink = 'javascript:kalenderData("' + arrKalender[i].dag + '","'+arrKalender[i].maand+'","'+arrKalender[i].jaar+'")';
				var kalenderLink = 'javascript:kalenderData("' + i +'")';
				//alert(kalenderLink);
				//Nieuwe datum aanmaken
				var tmpDate = new Date();
				tmpDate.setFullYear(arrKalender[i].jaar,arrKalender[i].maand-1,arrKalender[i].dag);

				var tmpDag = "" + arrKalender[i].dag;
				//Een 0 voorplaatsen indien nodig
				if(tmpDag.length == 1){
					arrKalender[i].dag = "0" + arrKalender[i].dag;	
				}
				
				//Afhankelijk van de datum in het rood of groen zetten
				if(tmpDate < currentDate){
					//Meting is al gebeurd, kleur = rood
					//alert("verleden");
					if(document.getElementById("dagNummer" + arrKalender[i].dag)){
						document.getElementById("dagNummer" + arrKalender[i].dag).setAttribute("id","itemRood");
					}
					document.getElementById("kalenderData" + arrKalender[i].dag).innerHTML = "<a href='"+ kalenderLink + "'>Meeting!</a>";
					
				}else if(tmpDate > currentDate){
					//alert("toekomst");
					//Moet nog komen = groen
					if(document.getElementById("dagNummer" + arrKalender[i].dag)){
						document.getElementById("dagNummer" + arrKalender[i].dag).setAttribute("id","itemGroen");
					}
					document.getElementById("kalenderData" + arrKalender[i].dag).innerHTML =  "<a href='"+ kalenderLink + "'>Meeting!</a>";
					
					
				}else{
					//alert("Meeting vandaag");
					//'tis vandaag!
					if(document.getElementById("dagNummer" + arrKalender[i].dag)){
						document.getElementById("dagNummer" + arrKalender[i].dag).setAttribute("id","itemGeel");
					}
					document.getElementById("kalenderData" + arrKalender[i].dag).innerHTML = "<a href='"+ kalenderLink + "'>Meeting!</a>";
					
				}
				
			}
		}
		
	}
}

function kalenderData(itemNummer){
		
	//Vorige array clearen
	arrKalenderdagenNummers = new Array();
	
	var data = "";
	
	//checken of er geen meerdere data zijn
	for(var i=0;i<arrKalender.length;i++){
		if(arrKalender[itemNummer].jaar == arrKalender[i].jaar && arrKalender[itemNummer].maand == arrKalender[i].maand && arrKalender[itemNummer].dag == arrKalender[i].dag){
		   //Er moeten al meetings zijn op dezelfde dag
		   //We voegen het nummer van de gelijke data toe
		   arrKalenderdagenNummers.push(i);
		}
	}
	
	//checken op welke plaats  het huidig getoonde item staat in de array
	var tmpPositie = 0;

	for(var i=0;i<arrKalenderdagenNummers.length;i++){
		if(arrKalender[arrKalenderdagenNummers[i]].titel == arrKalender[itemNummer].titel){
			//Het gevonden item is hetgeen die nu getoond word
			tmpPositie = i;
		}
	}	
	
	//Als er meer dan 1 item in de arrKalenderdagenNummers array zit, moet er een volgende en vorige knop geplaatst worden
	if(arrKalenderdagenNummers.length > 1){
		
		var optezoekenDatum = new Date();
		optezoekenDatum.setFullYear(arrKalender[arrKalenderdagenNummers[tmpPositie]].jaar,arrKalender[arrKalenderdagenNummers[tmpPositie]].maand-1,arrKalender[arrKalenderdagenNummers[tmpPositie]].dag);
		var dag = optezoekenDatum.getDay();
	
		aBack = document.createElement("a");
		aForward = document.createElement("a");
		imgBack = document.createElement("img");
		imgForward = document.createElement("img");
		span = document.createElement("span");
		
		//Volgend en vorig nummer controleren
		if(parseInt(tmpPositie + 1) > arrKalenderdagenNummers.length-1){
			aForward.setAttribute("href","javascript:kalenderData(" + arrKalenderdagenNummers[0] +")");
		}else{
			aForward.setAttribute("href","javascript:kalenderData(" + arrKalenderdagenNummers[parseInt(tmpPositie + 1)] +")");
		}
		
		if(parseInt(tmpPositie - 1) < 0){
			aBack.setAttribute("href","javascript:kalenderData(" + arrKalenderdagenNummers[parseInt(arrKalenderdagenNummers.length-1)] + ")");
		}else{
			aBack.setAttribute("href","javascript:kalenderData(" + arrKalenderdagenNummers[parseInt(tmpPositie - 1)] +")");
		}
		
		//Data plaatsen
		data = "<h1 class='kalenderInfoH1'><span>Dag :</span></h1><span class='kalenderInfoSpan'>" + arrWeek[dag] + " " + arrKalender[arrKalenderdagenNummers[tmpPositie]].dag + " " + arrMaandenNL[parseInt(arrKalender[arrKalenderdagenNummers[tmpPositie]].maand-1)] + " " + arrKalender[arrKalenderdagenNummers[tmpPositie]].jaar + "</span><br/>" ;
		data += "<h1 class='kalenderInfoH1'><span>Title :</span></h1><span class='kalenderInfoSpan'>" + arrKalender[arrKalenderdagenNummers[tmpPositie]].titel + "</span><br/>";
		data += "<h1 class='kalenderInfoH1'><span>Organisator :</span></h1><span class='kalenderInfoSpan'>" + arrKalender[arrKalenderdagenNummers[tmpPositie]].organisator + "</span><br/>";
		data += "<h1 class='kalenderInfoH1'><span>Link :</span></h1><span class='kalenderInfoSpan'><a target='_blanc' href='" + arrKalender[arrKalenderdagenNummers[tmpPositie]].href + "'>" + arrKalender[arrKalenderdagenNummers[tmpPositie]].href + "</a></span><br/>";
		data += "<h1 class='kalenderInfoH1'><span>Lokatie :</span></h1><span class='kalenderInfoSpan'>" + arrKalender[arrKalenderdagenNummers[tmpPositie]].lokatie + "</span><br/>";
		data += "<h1 class='kalenderInfoH1'><span>Info :</span></h1><span class='kalenderInfoSpan'>" + arrKalender[arrKalenderdagenNummers[tmpPositie]].data + "</span><br/>";
																
		//Afbeeldingen instellen
		imgBack.setAttribute("id","kalenderVorig");
		imgBack.setAttribute("src","images/pijlen_terug.jpg");
		imgBack.setAttribute("alt","Vorig");
		
		imgForward.setAttribute("id","kalenderVolgend");
		imgForward.setAttribute("src","images/pijlen.jpg");
		imgForward.setAttribute("alt","Volgend");
		
		//Links op de afbeeldingen zetten
		aBack.appendChild(imgBack);
		aForward.appendChild(imgForward);
		
		//Tekst plaatsen
		span.appendChild(document.createTextNode("Er zijn verschillende meetings op deze dag!"));
		
		var div = document.createElement("div");
		div.setAttribute("id","meerdereMeetingsOpEenDag");
		
		document.getElementById("kalenderInfo").innerHTML = "<h1><span>Info</span><img src='images/pijlen.jpg' alt='' /></h1><br/><br/>";
		div.appendChild(aBack);
		div.appendChild(aForward);
		div.appendChild(span);
		document.getElementById("kalenderInfo").appendChild(div);
		
	}else{
	
	var optezoekenDatum = new Date();
	optezoekenDatum.setFullYear(arrKalender[itemNummer].jaar,arrKalender[itemNummer].maand-1,arrKalender[itemNummer].dag);
	var dag = optezoekenDatum.getDay();
	
	data = "<h1 class='kalenderInfoH1'><span>Dag :</span></h1><span class='kalenderInfoSpan'>" + arrWeek[dag] + " " + arrKalender[itemNummer].dag + " " + arrMaandenNL[parseInt(arrKalender[itemNummer].maand-1)] + " " + arrKalender[itemNummer].jaar + "</span><br/>" ;
	data += "<h1 class='kalenderInfoH1'><span>Title :</span></h1><span class='kalenderInfoSpan'>" + arrKalender[itemNummer].titel + "</span><br/>";
	data += "<h1 class='kalenderInfoH1'><span>Organisator :</span></h1><span class='kalenderInfoSpan'>" + arrKalender[itemNummer].organisator + "</span><br/>";
	data += "<h1 class='kalenderInfoH1'><span>Link :</span></h1><span class='kalenderInfoSpan'><a target='_blanc' href='" + arrKalender[arrKalenderdagenNummers[tmpPositie]].href + "'>" + arrKalender[arrKalenderdagenNummers[tmpPositie]].href + "</a></span><br/>";
	data += "<h1 class='kalenderInfoH1'><span>Lokatie :</span></h1><span class='kalenderInfoSpan'>" + arrKalender[itemNummer].lokatie + "</span><br/>";
	data += "<h1 class='kalenderInfoH1'><span>Info :</span></h1><span class='kalenderInfoSpan'>" + arrKalender[itemNummer].data + "</span><br/>";
	
	//Tekst plaatsen
	
	document.getElementById("kalenderInfo").innerHTML = "<h1><span>Info</span><img src='images/pijlen.jpg' alt='' /></h1><br/><br/>";

}
	
	document.getElementById("kalenderInfo").innerHTML += data;
}

function Media(){
	var sTransformation = transformXML("data/media.xml","XSL/media.xsl");
	document.getElementById("contentInhoud").innerHTML = sTransformation;
}