Cufon.replace('.quiz-intro-header h2', {
	fontSize: '23px'
});
Cufon.replace('.quiz-intro-header h3', {
	fontSize: '14px'
});
Cufon.replace('.col-13-2 h3');
Cufon.replace('.complete-link', {hover:true});

$(document).ready(function () {
	
	// Highlight label and hide error message on label click
	$("#answers label, #answers input").click(function(){
		$("#answers tr").removeClass("selected");
		$(this).closest("tr").addClass("selected");
		$("#err-msg:visible")
			.slideUp("fast",function(){
				$(this).remove();
			});
	});
	
	// Submit div
	$("#submit-answer")
		.html("Submit Answer")
		.show()
		.click(function(){
			
			// Check to make sure there's a selection
			if (!$("#answers input:checked").length) {
				if (!$("#err-msg").length) {
					var errText;
					if ($("body.en").length) {
						errText = 'Please select an answer first.';
					} else {
						errText = 'Por favor, seleccione una respuesta primero.';
					}
					$("<p id='err-msg'>"+ errText +"</p>")
						.insertAfter(this)
						.hide()
						.slideDown("normal");
				}
				return false;
			}
			
			// Get values of elements and shortcuts on submission
			var checked = $("#answers input:checked");
			var checkedRow = checked.closest("tr");
			var subval = checked.val();
			var rightval = $("#ca").attr('rel');
			var answerMsg = $("#answer-message");
			var nextQ = parseInt($('input[name=q]').val()) + 1;
			var total = $('input[name=t]').val();
			
			// Make global changes
			checkedRow.removeClass("selected");
			$("#answers label, #answers input").unbind('click');
			$("#answers input").remove();
			$("#submit-answer").remove();
			
			// Variations by last question
			var cssclass;
			var linkText;
			if ((nextQ - 1) == total) {
				cssclass = 'next';
				if ($("body.en").length) {
					linkText = 'Next';
				} else {
					linkText = 'Próximo';
				}
			} else {
				cssclass = 'next-question';
				if ($("body.en").length) {
					linkText = 'Next Question';
				} else {
					linkText = 'Próxima pregunta';
				}
			}
			
			// Make correct/incorrect changes
			
			if (subval == rightval) {
				$("<div><a href='./?q="+ nextQ +"&t="+ total +"&l=1' class='"+ cssclass +" imgswap'>"+ linkText +"</a></div>")
					.appendTo("form, #answer-message");
				if ($("body.en").length) {
					$("<h3 class='correct'>Correct!</h3>").prependTo(answerMsg);
				} else {
					$("<h3 class='correct'>¡Correcto!</h3>").prependTo(answerMsg);
				}
				$("#answers tr").eq(rightval-1).addClass("correct");
				$("span.current").addClass("correct");
			} else {
				$("<div><a href='./?q="+ nextQ +"&t="+ total +"&l=0' class='"+ cssclass +" imgswap'>"+ linkText +"</a></div>")
					.appendTo("form, #answer-message");
				if ($("body.en").length) {
					$("<h3 class='incorrect'>Incorrect</h3>").prependTo(answerMsg);
				} else {
					$("<h3 class='incorrect'>Incorrecto</h3>").prependTo(answerMsg);
				}
				$("#answer-message h4").show();
				$("#answers tr").eq(rightval-1).addClass("missed-correct");
				$("#answers tr").eq(subval-1).addClass("incorrect");
				$("span.current").addClass("incorrect");
			}
			
			// Format and reveal
			Cufon.replace('#answer-message h3');
			answerMsg.slideDown('slow');
			
		});
	$(".es #submit-answer").html("ENVIAR RESPUESTA");
});