// JavaScript Document

var quizAnswers = new Array();
var quizAnswersText = new Array();
var currAnswers = new Array();
var score = 0;

function initQuiz(){
	initAnswers();
	layerQuestions();
}

function getRadioVal(qnum){
	var buttonvalue = '';
	var radioButtons = document.getElementsByName('question'+qnum);
	for(i=0; i<radioButtons.length; i++){
		if(radioButtons[i].checked){
			buttonvalue = radioButtons[i].value;
			break;
		}
	}
	return buttonvalue;
}

function initAnswers(){
	i = 1;
	more = true;
	while(more){
		if(document.getElementById('question'+i)){
			quizAnswers[i] = document.getElementById('answer'+i).value;
			quizAnswersText[i] = document.getElementById('answertext'+i).value;
		}else{
			more = false;
		}
		++i;
	}
}

function layerQuestions(){
	document.getElementById('hpquiz').style.position = 'relative';
	/*document.getElementById('quizresults').style.position = 'absolute';
	document.getElementById('quizresults').style.zIndex = 0;*/
	document.getElementById('quizresults').style.display = 'none';
	for(i=1; i<quizAnswers.length; ++i){ //Position question div
		/*document.getElementById('question'+i).style.position = 'absolute';
		document.getElementById('question'+i).style.zIndex = quizAnswers.length - i;*/
		document.getElementById('question'+i).style.display = 'none';
	}
	/*document.getElementById('quizintro').style.position = 'absolute';
	document.getElementById('quizintro').style.zIndex = quizAnswers.length + 2;*/
	for(i=1; i<5; ++i){ //Hide results images
		document.getElementById('quizresultsimg'+i).style.display = 'none';
	}
}

function beginQuiz(){
	document.getElementById('quizintro').style.display = 'none';
	document.getElementById('question1').style.display = ''; //Show first question
}

function answerThis(question,answer){
	currAnswers[question] = answer;
	if(answer != ''){
		if(currAnswers[question] == quizAnswers[question]){ //Answer is correct
			++score;
		}
		if(question == quizAnswers.length - 1){ //Last answer
			document.getElementById('quizresultstext').innerHTML = getResults();
			document.getElementById('quizresults').style.display = '';		
		}else{
			document.getElementById('question'+(question+1)).style.display = ''; //Show next question
		}
		document.getElementById('question'+question).style.display = 'none'; //Hide current question
	}
}

function getResults(){
	var perc_correct = score/quizAnswers.length*100;
	var results = '<p class="quizscore">Your score is '+score+' out of '+(quizAnswers.length -1)+'<br /><br /></p>';
	if(perc_correct > 75){
		document.getElementById('quizresultsimg1').style.display = '';
	}else if(perc_correct > 50){
		document.getElementById('quizresultsimg2').style.display = '';
	}else if(perc_correct > 25){
		document.getElementById('quizresultsimg3').style.display = '';
	}else{
		document.getElementById('quizresultsimg4').style.display = '';
	}
	for(i=1; i<quizAnswers.length; ++i){
		if(currAnswers[i] == quizAnswers[i]){ //correct
			results += '<p>Question '+i+' was correct<br /></p>';
		}else{ //incorrect
			results += '<p>Question '+i+' was incorrect.  The answer was '+quizAnswers[i]+': '+quizAnswersText[i]+'<br /></p>';
		}
	}
	return results;
}

window.addEvent('domready', function() {
	if(document.getElementById('hpquiz')!= null){
		initQuiz();
	}
})