//Get HTTP connection
xmlRequest = getXMLHTTPRequest();
var Question = "Hur hittade du till www.enkelbudget.se";
var Answer1 = "Sökte på google";
var Answer2 = "Tips från en vän";
var Answer3 = "Tips via reklam-affischer";

function displayQuestionWindow() {
	document.getElementById('tr_question_label').style.display = "inline";
	htmlObject = document.getElementById('tr_question_content');
	
	var display_block =				"<td>"
							+			Question + "?<br /><br />"
							+			"<input type=\"radio\" id=\"q_ans1\" name=\"svar1\" onclick=\"moveButton(1)\" />"+ Answer1 +"<br />"
							+			"<input type=\"radio\" id=\"q_ans2\" name=\"svar2\" onclick=\"moveButton(2)\" />"+ Answer2 +"<br />"
							+			"<input type=\"radio\" id=\"q_ans3\" name=\"svar3\" onclick=\"moveButton(3)\" />"+ Answer3 +"<br /><br />"
							+			"<input type=\"image\" onclick=\"writeQuestionAnswer()\" src=\"/images/layout/buttons/button_answer.png\" alt=\"Svara\" />"
							+		"</td>";
							
	htmlObject.innerHTML = display_block;
	htmlObject.style.display = "inline";
}

function hideQuestionWindow(success, nrA1, nrA2, nrA3) {
	htmlObject = document.getElementById('tr_question_content');
	
	var sumAnswers = parseInt(nrA1) + parseInt(nrA2) + parseInt(nrA3);
	var display_block =				"<td>"
							+			Question + "?<br /><br />"
							+			"<span style=\"font-weight: bold\">Resultat: </span><br />"
							+			"<table cellpadding=\"0\" cellspacing=\"6\" border=\"0\"><tr>"
							+				"<td>"+ Answer1 + ": </td><td>" + Math.round(parseInt(nrA1)*100/sumAnswers) +"%</td></tr><tr>"
							+				"<td>"+ Answer2 + ": </td><td>" + Math.round(parseInt(nrA2)*100/sumAnswers) +"%</td></tr><tr>"
							+				"<td>"+ Answer3 + ": </td><td>" + Math.round(parseInt(nrA3)*100/sumAnswers) +"%</td></tr>"
							+			"</table>"
							+		"</td>";
	
	htmlObject.innerHTML = display_block;
}

function moveButton(destination) {
	if(destination == 1) {
		document.getElementById('q_ans1').checked = true;
		document.getElementById('q_ans2').checked = false;
		document.getElementById('q_ans3').checked = false;
	}
	else if(destination == 2) {
		document.getElementById('q_ans1').checked = false;
		document.getElementById('q_ans2').checked = true;
		document.getElementById('q_ans3').checked = false;
	}
	else if(destination == 3) {
		document.getElementById('q_ans1').checked = false;
		document.getElementById('q_ans2').checked = false;
		document.getElementById('q_ans3').checked = true;
	}
}

function writeQuestionAnswer() {
	//Get answer from inputs
	answer = 0;
	if(document.getElementById('q_ans1').checked) {
		answer = 1;
	}
	else if(document.getElementById('q_ans2').checked) {
		answer = 2;
	}
	else if(document.getElementById('q_ans3').checked) {
		answer = 3;
	}
	
	//Store answer if the user has clicked a radiobutton
	if(answer > 0) {
		//Create random number in order to prevent cache problems
		var randNR = parseInt(Math.random()*99999999);
		var url = "/include/writeAnswer.php?question=heardof&answer=" + answer + "&rand=" + randNR;
		//Open connection
		xmlRequest.open("GET", url, true);
		
		//call function when readystat changes
		xmlRequest.onreadystatechange = responseAJAX;
		
		//Send the request
		xmlRequest.send(null);
	}
}

function responseAJAX() {
	//Wait for readystate = 4 - Finished
	if(4 == xmlRequest.readyState) {
		//Show answer
		var distribution = xmlRequest.responseText;
		var distributionArray = distribution.split("**");
		
		//Assemble results
		var success = distributionArray[0];
		var nrA1 = distributionArray[1];
		var nrA2 = distributionArray[2];
		var nrA3 = distributionArray[3];
		
		//Show result and hide window
		hideQuestionWindow(success, nrA1, nrA2, nrA3);
	}
}

function getXMLHTTPRequest() {
	   try { return new XMLHttpRequest(); } catch(e) {}
	   try { return new ActiveXObject("Msxml3.XMLHTTP"); } catch (e) {}
	   try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {}
	   try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
	   throw "XMLHttpRequest stöds ej!";
	   return null;
}