addEvent(window, 'load', initialize, false);

function initialize() {
	document.getElementById("test").innerHTML = "<h1>Hoe Gents bent u?</h1><p>&raquo; <a href=\"javascript:void()\" onmouseUp=\"sendAnswer(0,0)\">klik hier om de test te starten</a></p>";
}

function do_sendAnswer(questionID){
	
	answerID = "";
	
	for (i=0;i<document.forms['testform'].answer.length;i++)
	{
		if (document.forms['testform'].answer[i].checked)
		{
			answerID = document.forms['testform'].answer[i].value;
		}
	}
	
	answerID = answerID.length > 0 ? answerID : "z";
	
	
	//alert("answerID: "+answerID);
	
	sendAnswer(questionID, answerID);
	
	return false;
}

function sendAnswer(questionID, answerID) {
	document.getElementById("test").innerHTML = "even geduld aub...";
	
	var strUrl = "index.php?script=do_test&questionID="+questionID+"&answerID="+answerID ;
	var strSubmit = null;
	var strMethod = "GET";
	var strResultFunc = "displayResponse(input)";
	var strDataType = "text";
	var strResponse = false;
	xmlhttp(strUrl, strSubmit, strMethod, strResultFunc, strDataType, strResponse);
	
	return false;
}

/*
function sendform(url, formname) {
	
	
	var strUrl = url;
	var strSubmit = generateQuerystring(formname);
	var strMethod = "POST";
	var strResultFunc = "displayFeedback(input)";
	var strDataType = "text";
	var strResponse = false;
	
	document.getElementById("subscribe").innerHTML = "<img src=\"images/clock.gif\" /> verzenden gegevens, even geduld aub...";
	xmlhttp(strUrl, strSubmit, strMethod, strResultFunc, strDataType, strResponse);
}
*/



function displayResponse(strinput) {
	
	eval("var decoded_data = "+strinput);
	
	type = decoded_data[0];
	
	switch(type) {
		case "quiz":
		
			question = decoded_data[1];			
			questionID = decoded_data[2];
			answer1 = decoded_data[3];
			answer2 = decoded_data[4];
			answer3 = decoded_data[5];
			score = decoded_data[6];
			points = decoded_data[7];
			output = "<form name=\"testform\" action=\"\" onSubmit=\"return do_sendAnswer("+questionID+")\" method=\"POST\">";
			output += "<h1><img src=\"images/hartje_"+score+".jpg\" /> Vraag "+questionID+"</h1>";
			output += "<p class=\"question\">" + question +"</p>";
			output += "<p><input type=\"radio\" value=\"a\" name=\"answer\" /> " + answer1 +"</p>";
			output += "<p><input type=\"radio\" value=\"b\" name=\"answer\" /> " + answer2 +"</p>";
			output += "<p><input type=\"radio\" value=\"c\" name=\"answer\" /> " + answer3 +"</p>";
			output += "<p class=\"score\">score: "+points+"/30</p>";
			output += "<input type=\"submit\" value=\"volgende vraag &rarr;\"/>";
			output += "</form>";
			
		break;
		case "result":
			description = decoded_data[1];
			score = decoded_data[2];
			points = decoded_data[3];
			
			output = "<h1><img src=\"images/hartje_"+score+".jpg\" />Score "+points+"/30</h1>";
			output += "<p class=\"question\">"+description+"</p>"
			output += "<p>&raquo; <a href=\"#\" onmouseUp=\"sendAnswer(0,0)\">Doe de test opnieuw</a></p>";
			output += "<p>&raquo; <a href=\"?page=answers\">bekijk de antwoorden</a></p>";
		break;
	}
	
	document.getElementById("test").innerHTML = output;
	
	/*
	result = strinput.getElementsByTagName('result')[0].firstChild.data;
	description = response.getElementsByTagName('description')[0].firstChild.data;
	
	
	if (result=="false") {
		document.getElementById(elementID).innerHTML = "<span class=\"error\">" + description + "</span>";
		checkform = false;
	} else {
		document.getElementById(elementID).innerHTML = "";
	}
	*/
}