function showPuzzel1(){

	var imgUrl = "./puzzelplaatjes/puzzel-kubusraadsel.gif";
	var antwoordTable = antwoordTxt(1, 'vorm A en B', 'vorm A en D', 'vorm B en C', 'vorm B en D' );

	var eleAT = document.getElementById('home_aanmelden_09');
	if(eleAT) eleAT.innerHTML = antwoordTable;
	
	var elePI =  document.getElementById('vb_pzzl');
	if(elePI) elePI.src = imgUrl;
	
	var puzzelKnop1 = document.getElementById('pzzl_knp_1');
	var puzzelKnop2 = document.getElementById('pzzl_knp_2');
	var puzzelKnop3 = document.getElementById('pzzl_knp_3');
	if(puzzelKnop1)puzzelKnop1.src='./template/image/home_aanmelden/voorbeeldpuzzel/knop1_sel.gif';
	if(puzzelKnop2)puzzelKnop2.src='./template/image/home_aanmelden/voorbeeldpuzzel/knop2_un.gif';
	if(puzzelKnop3)puzzelKnop3.src='./template/image/home_aanmelden/voorbeeldpuzzel/knop3_un.gif';
}



function showPuzzel2(){

	var imgUrl = "./puzzelplaatjes/puzzel-mikado.gif";
	var antwoordTable = antwoordTxt(2, '1-2-6-4-3-5', '1-2-4-6-3-5', '1-2-6-3-4-5', '1-2-6-4-5-3' );

	var eleAT = document.getElementById('home_aanmelden_09');
	if(eleAT) eleAT.innerHTML = antwoordTable;
	
	var elePI =  document.getElementById('vb_pzzl');
	if(elePI) elePI.src = imgUrl;
	
	var puzzelKnop1 = document.getElementById('pzzl_knp_1');
	var puzzelKnop2 = document.getElementById('pzzl_knp_2');
	var puzzelKnop3 = document.getElementById('pzzl_knp_3');
	if(puzzelKnop1)puzzelKnop1.src='./template/image/home_aanmelden/voorbeeldpuzzel/knop1_un.gif';
	if(puzzelKnop2)puzzelKnop2.src='./template/image/home_aanmelden/voorbeeldpuzzel/knop2_sel.gif';
	if(puzzelKnop3)puzzelKnop3.src='./template/image/home_aanmelden/voorbeeldpuzzel/knop3_un.gif';
}


function showPuzzel3(){

	var imgUrl = "./puzzelplaatjes/puzzel-blokkenspel.gif";
	var antwoordTable = antwoordTxt(3, 'blok A', 'blok B', 'blok C', 'geen van allen');

	var puzzelKnop1 = document.getElementById('pzzl_knp_1');
	var puzzelKnop2 = document.getElementById('pzzl_knp_2');
	var puzzelKnop3 = document.getElementById('pzzl_knp_3');
	if(puzzelKnop1)puzzelKnop1.src='./template/image/home_aanmelden/voorbeeldpuzzel/knop1_un.gif';
	if(puzzelKnop2)puzzelKnop2.src='./template/image/home_aanmelden/voorbeeldpuzzel/knop2_un.gif';
	if(puzzelKnop3)puzzelKnop3.src='./template/image/home_aanmelden/voorbeeldpuzzel/knop3_sel.gif';
	
	var eleAT = document.getElementById('home_aanmelden_09');
	if(eleAT) eleAT.innerHTML = antwoordTable;
	
	var elePI =  document.getElementById('vb_pzzl');
	if(elePI) elePI.src = imgUrl;
}


function antwoordTxt(id, ant1, ant2, ant3, ant4){

	var rtnTxt = '';

	rtnTxt += '<table style="margin-left: 40px;">';
	rtnTxt += '		<tr>';
	rtnTxt += '			<td>';
	rtnTxt += '				<img style="cursor: pointer; _cursor: hand;" src="./template/image/puzzelantwoorden/weekpzzl_03.png" onclick="checkAntwoord('+id+', 1);" />'; 
	rtnTxt += '			</td>';
	rtnTxt += '			<td width="150">';	
	rtnTxt += 				ant1;
	rtnTxt += '			</td>';
	rtnTxt += '			<td>';
	rtnTxt += '				<img style="cursor: pointer; _cursor: hand;" src="./template/image/puzzelantwoorden/weekpzzl_05.png" onclick="checkAntwoord('+id+', 3);" />'; 
	rtnTxt += '			</td>';
	rtnTxt += '			<td>';	
	rtnTxt += 				ant3;
	rtnTxt += '			</td>';
	rtnTxt += '		</tr>';
	rtnTxt += '		<tr>';
	rtnTxt += '			<td>';
	rtnTxt += '				<img style="cursor: pointer; _cursor: hand;" src="./template/image/puzzelantwoorden/weekpzzl_07.png" onclick="checkAntwoord('+id+', 2);" />'; 
	rtnTxt += '			</td>';
	rtnTxt += '			<td>';
	rtnTxt += 				ant2;
	rtnTxt += '			</td>';
	rtnTxt += '			<td>';
	rtnTxt += '				<img style="cursor: pointer; _cursor: hand;" src="./template/image/puzzelantwoorden/weekpzzl_08.png" onclick="checkAntwoord('+id+', 4);" />'; 
	rtnTxt += '			</td>';
	rtnTxt += '			<td>';	
	rtnTxt += 				ant4;
	rtnTxt += '			</td>';
	rtnTxt += '		</tr>';
	rtnTxt += '	</table>';	

	return rtnTxt;
}


function checkAntwoord(id, ant){

	var url = "./ajaxobjects/puzzel_test.php?id="+id+"&ant="+ant;
		
	var readyFunction = "showAntwoord("+id+")";
	var waitFunction = "loading()";
	
	doGetAjax(url, readyFunction, waitFunction);
}

function showAntwoord(id){
	
	var res = xmlhttp.responseText;
	if(id>=3){
		alert("Je antwoord is "+res+".\nKom je aanmelden op Puzzelrace!");
	 	window.location.href = '../i/aanmelden.html';
	}else{ 
		alert("Je antwoord is "+res+".\nProbeer het nog eens bij de volgende puzzel.");
		eval("showPuzzel"+(id+1)+"()");
	}
	
}