window.startFrom = 0; //We moeten deze var globaal maken zodat we weten op welke page er is geklikt. Deze maken we rood.

//Functie voor het oproepen van de leiders via Ajax.
function zoekLeiders(page){
	//page is het gatel waarop geklikt kan worden om te scrollen tussen de grote hoeveelheden leiders.
	startFrom 	= page;
	//Dit is het element waar de leiders per rij inkomen te staan.
	tbl_toPlaceIn 	= document.getElementById("tbl_searchResult");
	
	//Leeghalen van het element.	
	if(tbl_toPlaceIn.hasChildNodes()){
		while(tbl_toPlaceIn.hasChildNodes()){
			tbl_toPlaceIn.removeChild(tbl_toPlaceIn.firstChild);
		}
	}	

	
	//Een img en td, tr maken voor het weergeven van het 'Een ogenblik a.u.b.' plaatje.
	img 			= document.createElement('img');
	tr 				= document.createElement('tr');
	td 				= document.createElement('td');
	
	img.src = "images/interface/pleaseWait.gif";
	
	td.appendChild(img); 
	tr.appendChild(td);
	
	tbl_toPlaceIn.appendChild(tr);		
	
	//Defineer de start voor de query. 15 resultaten per pagina x de geklikte page.
	start 			= 15 * page;
	
	var leiderId 	= "";
	leiderId  		= document.getElementById('leiderNamen').value;
	
	var team		= "";
	team	  		= document.getElementById('leiderTeam').value;
	
	var coach		= "";
	coach  			= document.getElementById('leiderCoach').value;

	var qWerkveld	= "Niet bekend";
	qWerkveld  		= document.getElementById('werkveld').value;

	//De url naar de xml.	
	url	=	"scripts/xml/requestLeiders.xml.php?start="+start+"&leiderId="+leiderId+"&team="+team+"&coach="+coach+"&werkveld="+qWerkveld;
    makeHttpRequest(url,"viewLeiders",true); 
    
}

//Funtie voor het weergeven van de Leiders.
function viewLeiders(xmlResponse){
	
	//Enkele elementen oproepen.
	tbl_toPlaceIn 				= document.getElementById("tbl_searchResult");			
	ul_forNextPreviousTop 		= document.getElementById("ul_nextPreviousTop");
	ul_forNextPreviousBottom	= document.getElementById("ul_nextPreviousBottom");	
	
	//Leeghalen van de hierboven opgeroepte elementen
	if(tbl_toPlaceIn.hasChildNodes()){
		while(tbl_toPlaceIn.hasChildNodes()){
			tbl_toPlaceIn.removeChild(tbl_toPlaceIn.firstChild);
		}
	}
	
	if(ul_forNextPreviousTop.hasChildNodes()){
		while(ul_forNextPreviousTop.hasChildNodes()){
			ul_forNextPreviousTop.removeChild(ul_forNextPreviousTop.firstChild);
		}
		while(ul_forNextPreviousBottom.hasChildNodes()){
			ul_forNextPreviousBottom.removeChild(ul_forNextPreviousBottom.firstChild);
		}
	}
	
	//Het totaal aantal leiders die er zijn
	totalLeiders = xmlResponse.getElementsByTagName('count')[0].firstChild.data;
	
	if(totalLeiders < 1){
		tr 			= document.createElement('tr');
		tr.style.background = "#FFCBCD";							 
	
		td 			= document.createElement('td');
		td.style.padding = "0 10 0 0";
		td.align 	= "center";		
		text		= document.createTextNode("Er zijn geen leiders gevonden met deze zoekcriteria.");
		
		td.appendChild(text); 
		tr.appendChild(td);						
		tbl_toPlaceIn.appendChild(tr);
	}else{
	
		totalLeiders = Math.round(totalLeiders / 15);
		
		//We beginnen hier een 2-loop loopje voor de boven en onderkant van de pagina. Hier laten we de reekst pagina's in zien.
		for(z=0; z<2; ++z){		
			if(z == 0){	ul_forNextPrevious = ul_forNextPreviousTop;}
			else{		ul_forNextPrevious = ul_forNextPreviousBottom;}
			
			for(a=0; a<totalLeiders; ++a){
				b = a + 1;
				li 		= document.createElement('li');
				link 	= document.createElement('a');
				text 	= document.createTextNode(b);
				
				link.href  = "javascript:zoekLeiders('"+a+"');";
				li.onclick = new Function("zoekLeiders('"+a+"');");
							
				if(a == startFrom){
					li.className = "activePage";
				}
				
				link.appendChild(text);
				li.appendChild(link);
																
				ul_forNextPrevious.appendChild(li);
			}
			
		}
		
		//Haal alle resulaten uit de xml en stop ze in een array.
		aI 		= xmlResponse.getElementsByTagName('result');
		aICount = aI.length;
		
		//Var b is nodig voor het bepalen van de achtergrond kleur voor de TR
		b = 0;
		
		//Nieuw loopje waarin we de leiders uit de array halen
		for(a=0; a<aICount; ++a){
			
			if(b == 2){b = 0;}
			
			var tr 			= document.createElement('tr');
			if(b == 0){ tr.style.background = "#FFCBCD";}else{tr.style.background = "#faddaa";}				
			var id 			= aI[a].getElementsByTagName('id')[0].firstChild.data; 
		//alert(id);
			
			var team 		= aI[a].getElementsByTagName('team')[0].firstChild.data;
			var td 			= document.createElement('td');
			var text		= document.createTextNode(team);
			
			td.appendChild(text); 
			tr.appendChild(td);
			
			var naam 		= aI[a].getElementsByTagName('naam')[0].firstChild.data;
			var td 			= document.createElement('td');
			var text		= document.createTextNode(naam);
			
			td.appendChild(text); 
			tr.appendChild(td);
			
			var beschikbaar = aI[a].getElementsByTagName('beschikbaar')[0].firstChild.data;
			var td 			= document.createElement('td');
			var text		= document.createTextNode(beschikbaar);
			
			td.appendChild(text); 
			tr.appendChild(td);
			
			var werkveld 	= aI[a].getElementsByTagName('werkveld')[0].firstChild.data;
			var td 			= document.createElement('td');
			var text		= document.createTextNode(werkveld);
			
			td.appendChild(text); 
			tr.appendChild(td);
					
			var td 			= document.createElement('td');
			var link		= document.createElement('a');
			 link.className = "button";		
			 link.href 		= "netwerk.php?mail=leider&leiderid="+id;
			var text		= document.createTextNode("Mail");
			
			link.appendChild(text);
			td.appendChild(link); 
			tr.appendChild(td);
							
			var td 			= document.createElement('td');
			var link		= document.createElement('a');
			 link.className = "button";		
			 link.href 		= "netwerk.php?info=leider&id="+id;
			var text		= document.createTextNode("Info");
			
			link.appendChild(text);
			td.appendChild(link); 
			tr.appendChild(td);
		
			//Stop de rij met 1 Leider in de tabel container.	
			tbl_toPlaceIn.appendChild(tr);
			
			++b;
	
		}
	}
}






/* ZOEK OP ACHTERNAAM */

function searchLastName(teamId) {
	select_toPlaceIn 	= document.getElementById("leiderNamen");			
	//Leeghalen van de hierboven opgeroepte elementen
	if(select_toPlaceIn.hasChildNodes()){
		while(select_toPlaceIn.hasChildNodes()){
			select_toPlaceIn.removeChild(select_toPlaceIn.firstChild);
		}
	}
	
	//Maak het eerste option element.
	option 		= document.createElement('option');				
	option.value = 0;			
	text		= document.createTextNode("Alle leiders");
	
	option.appendChild(text); 
	select_toPlaceIn.appendChild(option);
	
		
	select_toPlaceIn 	= document.getElementById("leiderNamen");			

	if(teamId > 0){
		//De url naar de xml.	
		url	=	"scripts/xml/requestLastName.xml.php?teamId="+teamId;
	    makeHttpRequest(url,"viewNames",true);	
	}
}

function viewNames(xmlResponse){	
	
	select_toPlaceIn 	= document.getElementById("leiderNamen");			
	

	//Haal alle resulaten uit de xml en stop ze in een array.
	aI 		= xmlResponse.getElementsByTagName('result');
	aICount = aI.length;
	
	
	//Nieuw loopje waarin we de leiders uit de array halen.
	for(a=0; a<aICount; ++a){
		id 			= aI[a].getElementsByTagName('id')[0].firstChild.data; 	
		naam 		= aI[a].getElementsByTagName('naam')[0].firstChild.data;
		
		option 		= document.createElement('option');	
		option.value = id;						
		text		= document.createTextNode(naam);
		
		option.appendChild(text); 
		select_toPlaceIn.appendChild(option);		
	}	
}