function frontend_login()  {
		/*
		    Wordt gebruikt om op de voorkant van de site in te loggen
		*/
		var gebruikersnaam	= document.getElementById("fc_username").value;
		var wachtwoord      = document.getElementById("fc_password").value;
		var rememberLogin	= document.getElementById("fc_rememberLogin").checked;
		var formulier       = document.getElementById("fc_username").parentNode;
		
		url = "ajax/wvas_frontend_login_logout.php";
		
		params = "actie=login&gebruikersnaam="+gebruikersnaam+"&wachtwoord="+wachtwoord;
		if(rememberLogin)	{
			params	+= "&rememberLoginChecked="+rememberLogin
		}
		loadXMLDocPost(url, callbackFrontend_login, params);
 	}
 	function callbackFrontend_login()   {
         if ((req.readyState == 4) && (req.status == 200)) {
            actie = req.responseXML.getElementsByTagName("actie")[0].firstChild.data;
			//persoonId = req.responseXML.getElementsByTagName("persoonId")[0].firstChild.data;
			loginstatusmelding = req.responseXML.getElementsByTagName("loginstatusmelding")[0].firstChild.data;
			errorcode = req.responseXML.getElementsByTagName("errorcode")[0].firstChild.data;
			if(errorcode>0)	{
				alert(loginstatusmelding);
			}	else	{
				window.location.reload();
			}
         }
	}
	
	function frontend_logout()  {
        url = "ajax/wvas_frontend_login_logout.php";
		params = "actie=logout";
		loadXMLDocPost(url, callbackFrontend_logout, params);
	}
	function callbackFrontend_logout()   {
	    if ((req.readyState == 4) && (req.status == 200)) {
	        window.location.reload();
	    }
	}
	
	function toggleInputBg(elm, status)	{
		if((status) && (elm.value==""))	{
			elm.className += " backgroundText"
		}	else	{
			elm.className=elm.className.replace(" backgroundText", "");
		}
	}

	function  wvasSubmitTellafriend()	{
			
		senderName		= document.getElementById("fc_senderName").value;
		senderEmail		= document.getElementById("fc_senderEmail").value;
		receiverName	= document.getElementById("fc_receiverName").value;
		receiverEmail	= document.getElementById("fc_receiverEmail").value;
		personalStory	= document.getElementById("fc_personalStory").value;
	
		url = "ajax/wvas_taf.php";
		params = "sn="+senderName+"&se="+senderEmail+"&rn="+receiverName+"&re="+receiverEmail+"&ps="+personalStory;
		loadXMLDocPost(url, callbackWvasTellafriend, params);
	}
	function callbackWvasTellafriend()	{
		if ((req.readyState == 4) && (req.status == 200)) {
//	       document.getElementById("fc_senderName").value = "";
//	       document.getElementById("fc_senderEmail").value = "";
	       document.getElementById("fc_receiverName").value = "";
	       document.getElementById("fc_receiverEmail").value = "";
		}
	}
	function updateVoorbeeldMail(elementId, waarde)	{
		txt = document.createTextNode(waarde);
		elm = document.getElementById(elementId);
		elm.replaceChild(txt, elm.firstChild);
	}
	function addPerson(btn)	{
		/*
mysql> desc wvas_personen;
+----------------+-------------------+------+-----+---------+----------------+
| Field          | Type              | Null | Key | Default | Extra          |
+----------------+-------------------+------+-----+---------+----------------+
| persoonId      | int(11)           |      | PRI | NULL    | auto_increment |
| autorisatie    | tinyint(4)        |      | MUL | 1       |                |
| schoolId       | int(11)           |      | MUL | 0       |                |
| groep          | varchar(4)        | YES  |     | NULL    |                |
| geslacht       | enum('m','v','o') |      |     | m       |                |
| voornaam       | varchar(32)       | YES  |     | NULL    |                |
| tussenvoegsel  | varchar(16)       | YES  |     | NULL    |                |
| achternaam     | varchar(64)       | YES  |     | NULL    |                |
| leeftijd       | int(2)            | YES  |     | NULL    |                |
| email          | varchar(64)       | YES  |     | NULL    |                |
| gebruikersnaam | varchar(8)        | YES  | MUL | NULL    |                |
| wachtwoord     | varchar(32)       | YES  |     | NULL    |                |
| status         | tinyint(1)        |      |     | 0       |                |
+----------------+-------------------+------+-----+---------+----------------+
13 rows in set (0.00 sec)
*/
		f				= btn.form;
		groep			= f.groep.value;
		aGeslacht		= f.geslacht;
		for(i=0;i<aGeslacht.length;i++)	{
			if(aGeslacht[i].checked)	{
				geslacht	=	aGeslacht[i].value;
				break;
			}
		}
		voornaam		= f.voornaam.value;
		tussenvoegsel	= f.tussenvoegsel.value;
		achternaam		= f.achternaam.value;
		leeftijd		= f.leeftijd.value;
		email			= f.email.value;
		gebruikersnaam	= f.gebruikersnaam.value;
		wachtwoord		= f.wachtwoord.value;
		
		url = "ajax/wvas_addPerson.php";
		params = "groep="+groep+"&geslacht="+geslacht+"&voornaam="+voornaam+"&tussenvoegsel="+tussenvoegsel+"&achternaam="+achternaam+"&leeftijd="+leeftijd+"&email="+email+"&gebruikersnaam="+gebruikersnaam+"&wachtwoord="+wachtwoord;
		f.reset();
		loadXMLDocPost(url, callbackAddPerson, params);
	}
	
	function callbackAddPerson()	{
		if ((req.readyState == 4) && (req.status == 200)) {		
			getDeelnemers();
		}	
	}
	
	function getDeelnemers(sortField)	{
		url = "ajax/wvas_getDeelnemers.php";
		if(typeof sortField != "undefined")	{
			url += "?sortField="+sortField;
		}
		loadXMLDoc(url, callbackGetDeelnemers);
	}
	function callbackGetDeelnemers()	{
		if ((req.readyState == 4) && (req.status == 200)) {
			aPersoon = req.responseXML.getElementsByTagName("persoon");
			aantalPersonen = aPersoon.length;
			clearDeelnemerslijst();
			for(i=0;i<aantalPersonen;i++)	{
				createRowForPerson(aPersoon[i]);
			}
		}	
	}
	function clearDeelnemerslijst()	{
		
		oTbody = document.getElementById("deelnemers");
		while(oTbody.firstChild)	{
			oTbody.removeChild(oTbody.firstChild);
		}
	}
	function createRowForPerson(persoon)	{
		oTbody = document.getElementById("deelnemers");
		oTr = document.createElement("tr");
		oTd = document.createElement("td");
		oTbody.appendChild(oTr);
		aChildren = persoon.childNodes;
		aantalChildren = aChildren.length;
		
		//voornaam
		oTdVoornaam = oTd.cloneNode(0);
		voornaam = persoon.getElementsByTagName("voornaam")[0].firstChild.data;		
		oTdVoornaam.appendChild(document.createTextNode(voornaam));
		oTr.appendChild(oTdVoornaam);
		//tussenvoegsel
		oTdtussenvoegsel = oTd.cloneNode(0);
		tussenvoegsel = persoon.getElementsByTagName("tussenvoegsel")[0].firstChild.data;
		oTdtussenvoegsel.appendChild(document.createTextNode(tussenvoegsel));
		oTr.appendChild(oTdtussenvoegsel);
		//achternaam
		oTdachternaam = oTd.cloneNode(0);
		achternaam = persoon.getElementsByTagName("achternaam")[0].firstChild.data;
		oTdachternaam.appendChild(document.createTextNode(achternaam));
		oTr.appendChild(oTdachternaam);
		//gebruikersnaam
		oTdgebruikersnaam = oTd.cloneNode(0);
		gebruikersnaam = persoon.getElementsByTagName("gebruikersnaam")[0].firstChild.data;
		oTdgebruikersnaam.appendChild(document.createTextNode(gebruikersnaam));
		oTr.appendChild(oTdgebruikersnaam);
		//groep
		oTdgroep = oTd.cloneNode(0);
		groep = persoon.getElementsByTagName("groep")[0].firstChild.data;
		oTdgroep.appendChild(document.createTextNode(groep));
		oTr.appendChild(oTdgroep);
		//droplink
		oTddropbutton = oTd.cloneNode(0);
		dropbutton = document.createElement("input");
		dropbutton.type = "button";
		dropbutton.value = "x"
		dropbutton.onclick = function()	{
			ok = confirm("Weet je zeker dat deze leerling verwijderd moet worden?");
			if(ok)	{
				url = "ajax/wvas_deleteDeelnemer.php";
				params = "persoonId="+persoon.getElementsByTagName("persoonId")[0].firstChild.data;
				loadXMLDocPost(url, callbackDeleteDeelnemer, params);
			}
		}
		oTddropbutton.appendChild(dropbutton);
		oTr.appendChild(oTddropbutton);
	}
	function callbackDeleteDeelnemer()	{
		if ((req.readyState == 4) && (req.status == 200)) {
			getDeelnemers();
		}	
	}