function selecteerPuzzel(id){
	
		var puzzelPlaatjes = Array("./voorbeeldpuzzel/voorbeeld1.jpg","./voorbeeldpuzzel/voorbeeld2.jpg","./voorbeeldpuzzel/voorbeeld3.jpg");
		var puzzelAntwoorden = Array("./voorbeeldpuzzel/antwoordset1.html","./voorbeeldpuzzel/antwoordset2.html","./voorbeeldpuzzel/antwoordset3.html");
		
		
		var objPlaat = document.getElementById('imgPuzzelVoorbeeld');
		
		if(objPlaat){
			objPlaat.src = puzzelPlaatjes[id];
		} 
	}
	
	
	function showAangemeldScherm(){
		
		var waitEle = document.getElementById('loadImage');
		if(waitEle) document.body.removeChild(waitEle);
		
		var responseText = xmlhttp.responseText;
		
		if(responseText.substr(0, 4) == "FOUT"){
			alert( responseText.substring(6, responseText.length) );
			return true;
		}
		
	
		var strHtml ="";
			
		strHtml +='<form action="inloggen.php" method="POST" name="inlogform4" id="inlogform4">';
		strHtml +=  '<table cellspacing="0" cellpadding="0" class="nww">';
		strHtml +=		'<tr>';
		strHtml +=			'<td colspan="2">';
		strHtml += 				'<img src="./template/image/aanmelden/aanmelden_voltooid.gif" style="margin-bottom: 5px;"/><br />';	
		
		strHtml +=				"Bedankt voor het aanmelden op puzzelrace.<br />";
		strHtml += 				"Hier onder kun je inloggen om lekker te puzzelen.<br /><br />";
		
		strHtml +=			'</td>';
		strHtml +=			'<td rowspan="3" style="vertical-align: top; text-align: right; width: 30px;" >';
		strHtml +=				'<img style="cursor: pointer; _cursor: hand;" src="./template/image/aanmelden/sluitKnop.jpg" onclick="document.body.removeChild(document.getElementById(\'overlay4\')); document.body.removeChild(document.getElementById(\'mainscherm4\'));" />' ;
		strHtml +=			'</td>';
		strHtml +=		'</tr>';
		
		
		strHtml +=		'<tr>';
		strHtml +=			'<td style="width: 40px;">';
		strHtml +=				'<b>Emailadres:</b>';
		strHtml +=			'</td>';
		strHtml +=			'<td style="text-align: right; width: 150px;">';
		strHtml +=				'<input type="text" name="email" style="margin-bottom: 10px; width: 200px;" /><br />';
		strHtml +=			'</td>';
		strHtml +=		'</tr>';
		
		
		strHtml +=		'<tr>';
		strHtml +=			'<td style="width: 40px;">';
		strHtml +=				'<b>Wachtwoord:</b>';
		strHtml +=			'</td>';
		strHtml +=			'<td style="text-align: right; width: 150px;">';
		strHtml +=				'<input type="password" name="wachtwoord" value="" style="margin-bottom: 10px;  width: 200px;"/><br />'; 
		strHtml +=				'<img src="./template/image/home_aanmelden/inlogknop.gif" onclick="document.getElementById(\'inlogform4\').submit();" style="cursor: pointer; _cursor: hand;" >';
		strHtml +=			'</td>';
		strHtml +=		'</tr>';
		strHtml +=	'</table>';
		
		strHtml +='</form>'
	
		showWindow2Screen(strHtml, 4, true);
	}
	
	
	function aanmeldingAfronden(hash,ref){
		
		
		var url = "aanmelden.php?hash="+hash+"&ref="+ref;
		
		var readyFunction = "showAangemeldScherm()";
		var waitFunction = "loading()";
	
		doGetAjax(url, readyFunction, waitFunction);
	
	}
	
	
	function showWachwoordScherm(){
		
		var waitEle = document.getElementById('loadImage');
		if(waitEle) document.body.removeChild(waitEle);
		
		var strHtml ="";
	
		strHtml += '<table>';
		strHtml +=		'<tr>';
		strHtml +=			'<td colspan="2" style="padding-top: 15px; position:relative;">';
		strHtml += 				'<img src="./template/image/aanmelden/wachtwoord_vergeten.png" style="margin-bottom: 10px;"/><br />';	
		strHtml +=				'Vul hier je emailadres in, dan ontvang je zo ';
		strHtml +=				'<br />spoedig mogelijk een email waarmee je jouw<br />'; 
		strHtml +=				'wachtwoord kunt wijzigen.<br /><br />';
		strHtml +=			'</td>';
		strHtml +=			'<td rowspan="2" style="vertical-align: top; text-align: right; padding-top: 18px; position:relative;">';
		strHtml +=				'<img style="cursor: pointer; _cursor: hand;" src="./template/image/aanmelden/sluitKnop.png" onclick="document.body.removeChild(document.getElementById(\'overlay1\')); document.body.removeChild(document.getElementById(\'mainscherm1\'));" />' ;
		strHtml +=			'</td>';
		strHtml +=		'</tr>';
		strHtml +=		'<tr>';
		strHtml +=			'<td style="width: 40px; padding-top:3px;">';
		strHtml +=				'<b>Emailadres:</b>';
		strHtml +=			'</td>';
		strHtml +=			'<td style="text-align: right; width: 150px;">';
		strHtml +=				'<input type="text" id="wwEmail" style="margin-bottom: 10px; margin-right: -1px;"/><br />'; 
		strHtml +=				'<img src="./template/image/aanmelden/verstuurknop.gif" style="cursor: pointer; _cursor: hand; " onclick="sendWachtWoordLinkMail();">';
		strHtml +=			'</td>';
		strHtml +=		'</tr>';
		strHtml +=	'</table>';
	
		showWindow2Screen(strHtml, 1, true);
	}
	
	
	function sendWachtWoordLinkMail(){
	
		var wwEmail = document.getElementById("wwEmail").value;
		var url = "ajaxobjects/stuurwachtwoord.php?email="+wwEmail;
	
		var readyFunction = "readyWWlinkMail()";
		var waitFunction = "loading()";
	
		doGetAjax(url, readyFunction, waitFunction);
		
	}
	
	function loading(){
		var ele = document.getElementById("loadImage");
		
		if(!ele){
		
			var imgEle = document.createElement('img');
			imgEle.setAttribute('id', "loadImage");
			imgEle.src = './template/image/loading.gif';
		
			document.body.appendChild(imgEle);
		}
	
	}
	
	
	function readyWWlinkMail(){
	
		var eleImg = document.getElementById("loadImage");
		if(eleImg)document.body.removeChild(eleImg);
		
		var ele = document.getElementById("mainscherm1");
		if(ele)document.body.removeChild(ele);
		
		var overLay = document.getElementById('overlay1');
		if(overLay)document.body.removeChild(overLay);
		
		var responseText = xmlhttp.responseText;
		
		if(responseText.substr(0, 4) == "FOUT"){
			alert( responseText.substring(6, responseText.length) );
			return true;
		}
		
		alert("De mail is verstuurd naar je emailadres.");
		
	}
	
	function showNieuwWachtwoord(hash){
			
		if(hash.length==32){
			var url = "ajaxobjects/stuurwachtwoord.php?hash="+hash;
			doGetAjax(url, "readyWW()", "loading()");
		}
	
	}
	
	function readyWW(){
	
		var responseText = xmlhttp.responseText;
		var eleImg = document.getElementById("loadImage");
		if(eleImg)document.body.removeChild(eleImg);
	
		if(responseText.substr(0, 4) == "FOUT"){
			alert( responseText.substring(6, responseText.length) );
			return true;
		}

		strHtml = "";
		
		strHtml +='<form action="inloggen.php" method="POST" name="inlogform2" id="inlogform2">';
		strHtml +=  '<table cellspacing="0" cellpadding="0" class="nww">';
		strHtml +=		'<tr>';
		strHtml +=			'<td colspan="2" style="padding-top: 15px; position:relative;">';
		strHtml += 				'<img src="./template/image/aanmelden/nieuw_wachtwoord.png" style="margin-bottom: 10px;"/><br />';	
		
		strHtml +=				"Met dit nieuwe wachtwoord kun je weer inloggen.<br />";
		strHtml += 				"Nieuw wachtwoord: <b>"+ responseText +"</b><br /><br />";
		
		strHtml +=			'</td>';
		strHtml +=			'<td rowspan="3" style="vertical-align: top; text-align: right; padding-top: 18px; padding-right:20px; position:relative;">';
		strHtml +=				'<img style="cursor: pointer; _cursor: hand;" src="./template/image/aanmelden/sluitKnop.png" onclick="document.body.removeChild(document.getElementById(\'overlay3\')); document.body.removeChild(document.getElementById(\'mainscherm3\'));" />' ;
		strHtml +=			'</td>';
		strHtml +=		'</tr>';
		
		
		strHtml +=		'<tr>';
		strHtml +=			'<td style="width: 40px; padding-top:3px;">';
		strHtml +=				'<b>Emailadres:</b>';
		strHtml +=			'</td>';
		strHtml +=			'<td style="text-align: right; width:174px; *width: 176px; padding-left: 10px; position:relative;">';
		strHtml +=				'<input type="text" name="email" style="margin-bottom: 10px; width: 170px;" /><br />';
		strHtml +=			'</td>';
		strHtml +=		'</tr>';
		
		
		strHtml +=		'<tr>';
		strHtml +=			'<td style="width: 40px; padding-top:3px;">';
		strHtml +=				'<b>Wachtwoord:</b>';
		strHtml +=			'</td>';
		strHtml +=			'<td style="text-align: right; width:174px; *width: 176px;padding-left: 10px; position:relative;">';
		strHtml +=				'<input type="password" name="wachtwoord" value="'+responseText.replace("<br />","")+'" style="margin-bottom: 10px;  width: 170px;"/><br />'; 
		strHtml +=				'<img src="./template/image/home_aanmelden/inlogknop.gif" onclick="document.getElementById(\'inlogform2\').submit();" style="cursor: pointer; _cursor: hand;" >';
		strHtml +=			'</td>';
		strHtml +=		'</tr>';
		strHtml +=	'</table>';
		
		strHtml +='</form>'
		
		showWindow2Screen(strHtml, 3, true);
	}