var useranswers = new Array();
var answered = 0;
var portion = 5;
var curportion = 0;
var dspl = '';

function renderQuiz()
{
	for(i=0;i<questions.length;i++)
	{
		if (i<portion) dspl='<div style="display:block;" id="q' + i + '">';  else dspl='<div style="display:none;" id="q' + i + '">';
		document.writeln(dspl+'<p class="question">' + questions[i] + ' <span id="result_' + i + '"><img src="/public/themes/samara-rus/img/blank.gif" style="border:0" alt="" /></span></p>');
		for(j=0;j<choices[i].length;j++)
		{
			document.writeln('<input type="radio" name="answer_' + i + '" value="' + choices[i][j] + '" id="answer_' + i + '_' + j + '" class="question_' + i + '" onclick="submitAnswer(' + i + ', this, \'question_' + i + '\', \'label_' + i + '_' + j + '\')" /><label id="label_' + i + '_' + j + '" for="answer_' + i + '_' + j + '"> ' + choices[i][j] + '</label><br />');
		}
		document.writeln('</div>');
	}
	document.writeln('<div style="display:none;" id="results"></div>');
	document.writeln('<br /><p><input type="submit" value="<<<" onclick="showPrev();" id="btn_prev" disabled="disabled" /><input type="submit" value=">>>" onclick="showNext();" id="btn_next" /> <input type="submit" value="Results" onclick="showScore();" /> <input type="submit" value="Reset" onclick="resetQuiz(true)" /></p><p style="display:none"><img src="/public/themes/samara-rus/img/correct.gif" style="border:0" alt="Correct!" /><img src="/public/themes/samara-rus/img/incorrect.gif" style="border:0" alt="Incorrect!" /></p>');

}
function showNext()
{
	for(i=0;i<questions.length;i++) document.getElementById('q'+i).style.display = "none";
	curportion++;
	if ((curportion+1)*portion >= questions.length ) document.getElementById('btn_next').disabled = true;
	document.getElementById('btn_prev').disabled = false;	
	for(i=curportion*portion;i<(curportion+1)*portion;i++) document.getElementById('q'+i).style.display = "block"; 
}
function showPrev()
{
	for(i=0;i<questions.length;i++) document.getElementById('q'+i).style.display = "none";
	curportion--;
	if ((curportion+1)*portion < questions.length ) document.getElementById('btn_next').disabled = false;
	if (curportion < 1) document.getElementById('btn_prev').disabled = true;	
	for(i=curportion*portion;i<(curportion+1)*portion;i++) document.getElementById('q'+i).style.display = "block"; 
}
function resetQuiz(showConfirm)
{
	if(showConfirm)
	if(!confirm("Are you sure you want to start the test over again?")) return false;
	document.location = document.location;
}
function submitAnswer(questionId, obj, classId, labelId)
{
	useranswers[questionId] = obj.value;
	document.getElementById(labelId).style.fontWeight = "bold";
	disableQuestion(classId);
	showResult(questionId);
	answered++;
}
function showResult(questionId) 
{
	if(answers[questionId] == useranswers[questionId]) {
		document.getElementById('result_' + questionId).innerHTML = '<img src="/public/themes/samara-rus/img/correct.gif" style="border:0" alt="Correct!" />';
	} else {
		document.getElementById('result_' + questionId).innerHTML = '<img src="/public/themes/samara-rus/img/incorrect.gif" style="border:0" alt="Incorrect!" />';
	}
}
function showScore()
{
	if(answered != answers.length)
	{
		alert("Please, complete the test to see the results!");
		return false;
	}
	questionCount = answers.length;
	correct = 0;
	incorrect = 0;
	for(i=0;i<questionCount;i++) {
		if(useranswers[i] == answers[i]) correct++; else incorrect++;
	}
	pc = Math.round((correct / questionCount) * 100);
	alertMsg = "<h3>Your Results</h3><p>You scored <span>" + correct + "</span> out of <span>" + questionCount + "</span><br />";
	alertMsg += "You correctly answered <span>" + pc + "%</span> of the questions!" + "<br />";

	if(correct > 35)
		alertMsg += response[0];
	else if(correct > 25)
		alertMsg += response[1];
	else if(correct > 15)
		alertMsg += response[2];
	else
		alertMsg += response[3];
	alertMsg += "</p>";
		
	document.getElementById('results').innerHTML = alertMsg;
	document.getElementById('results').style.display = "block";
	
}

function disableQuestion(classId)
{
	var alltags=document.all? document.all : document.getElementsByTagName("*")
	for (i=0; i<alltags.length; i++) {
		if (alltags[i].className == classId) alltags[i].disabled = true;
	}
}