// keep score
function right(){}
function wrong(){}
right.counter = 0;
wrong.counter = 0;


function percentage(){
	var pcnt = (right.counter / (right.counter + wrong.counter)) * 100;
	return Math.round(pcnt);
}

function response(){
	var score = percentage();
	if(score <= 40){
		return 'Hmm... perhaps you should check out our Know the Score page';
	}else if(score > 40 && score <= 60){
		return 'Not bad, but make sure you have all the facts, brush up on your drugs knowledge at our Drugs A-Z.';
	}else if(score > 60 && score <= 80){
		return 'Pretty good, but always room for improvement. Take a look at some of the videos and games on the site.';
	}else if(score > 80){
		return 'You know the score. Well done!';
	}
}


$(document).ready(function() {
	var wrong_answers = new Array();
	var i = 0;
	// next button
	$('.quiz_container a').click(function(){
		var n = $(this).parent().find('input:checked').length;
		if(n == 0 && $(this).attr('class') == 'next'){
			alert('Select an answer first!');
		}else{
			$(this).parent().css('display', 'none');
			$(this).parent().next().css('display', 'block');
		}
		// update score and response
		$('#score').html(percentage()+'%');
		$('#response').html(response());
		$.each(wrong_answers, function(index, value){
			value.find('a').css('display', 'inline');
			$('#wrong_answers').append(value);
		});
	});
	// answer handling
	$('.quiz_container input:radio').click(function(){
		i++;
		var correct = $(this).parent().parent().find('input[name=correct]').val();
		var explanation = $(this).parent().parent().find('.explanation');
		var their_answer = $(this).val();
		if(their_answer == correct){
			// save answer
			right.counter++;
			$('p span', explanation).remove();
			$('p', explanation).prepend('<span style="color: #008800;font-weight: bold;">Correct.</span> ');
			explanation.removeClass('wrong');
			explanation.addClass('correct');
		}else{
			// save answer
			wrong.counter++;
			$('p span', explanation).remove();
			$('p', explanation).prepend('<span style="color: #d40000;font-weight: bold;">Wrong. It\'s '+correct+'</span> ');
			explanation.removeClass('correct');
			explanation.addClass('wrong');
			wrong_answers.push($('p', explanation));
		}
		$(this).parent().parent().find('.question').css('display', 'none');
		$(this).parent().parent().find('.explanation').slideDown();
	});
});