$(document).ready(function() {
	var quizform = $('#quizform');
	if ($(':radio', quizform).not(':disabled').length > 0) {
		$('#quizsubmit').attr('disabled', 'disabled');
	}
	$(':radio', quizform).change(function() {
		var parent = $(this).parent().parent();
		var chosenAnswer = $(this).attr('id');
		chosenAnswer = chosenAnswer.substr(chosenAnswer.indexOf('o'));
		// disable radios so they can't be clicked anymore
		parent.find(':radio').attr('disabled', 'disabled');
		// see of there are any radios not disabled
		if (!($(':radio', quizform).not(':disabled').length > 0)) {
			$('#quizsubmit').removeAttr('disabled');
		}
		// show answer
		parent.animate({'width': '50%'}, 'slow', function() {
			// try and find answer with the right class name
			if (parent.parent().find('.'+chosenAnswer).length > 0) {
				// found
				parent.append('<div class="correctAnswer"><!-- --></div>');
				parent.find('.correctAnswer').fadeIn('fast');
			} else {
				// not found
				parent.append('<div class="wrongAnswer"><!-- --></div>');
				parent.find('.wrongAnswer').fadeIn('fast');
			}
		});
	});
});