/* AJAX version of test your style */ 

function restart_test() {
	$('#text-wrapper .in').append('<p id="submit_mess">Submitting...</p>');
	window.t_post();
	$('#jtest-result-buttons').hide();
	$('#jtest-results').hide().empty();
	$('.test-result').hide().empty();
	$('.test-text-result').remove();
	$('.test-text-start').show();
	$('#sub-img').show();
	$('#jtest-form').show();
	$('#test-form input').attr("disabled", "");
}

initFunctions['test'] = function () {
	var tf = $('#test-form');
	if (tf.length > 0) {
		tf.hide();
		var p_link = $('#test-form').attr('action');
		$('#gallery-wrapper').append('<div id="jtest-form">\n<ul>\n\t<li id="j-ignore" class="jrating-left"><a href="' + p_link + '" id="jrating-x" title="Вернуться к этой фото позже">Пропустить</a></li>\n\t<li class="jrating-middle">\n\t<ul>\n\t\t<li class="jrating j-rate"><a href="' + p_link + '" id="jrating-a" title="Оценка 1 балл">1</a></li>\n\t\t<li class="jrating j-rate"><a href="' + p_link + '" id="jrating-b" title="Оценка 2 балла">2</a></li>\n\t\t<li class="jrating j-rate"><a href="' + p_link + '" id="jrating-c" title="Оценка 3 балла">3</a></li>\n\t\t<li class="jrating j-rate"><a href="' + p_link + '" id="jrating-d" title="Оценка 4 балла">4</a></li>\n\t\t<li class="jrating j-rate"><a href="' + p_link + '" id="jrating-e" title="Оценка 5 баллов">5</a></li>\n\t</ul>\n\t</li>\n\t<li class="jrating-right"><a href="' + p_link + '" id="jrating-z" title="Закончить тест, перейти к результатам">Завершить</a></li>\n</ul>\n</div>\n<div id="jtest-results"></div>\n<div id="jtest-result-buttons">\n<ul>\n\t<li class="jrating-left jcontinue"><a href="' + p_link + '" id="jcontinue" title="Продолжить тест (оценить ещё фотографии)">Продолжить</a></li>\n\t<li class="jrating-right jrestart"><a href="' + p_link + '" id="jrestart" title="Начать тест сначала (все оценки обнулятся)">Пройти сначала</a></li>\n</ul>\n</div>');
		$('#jtest-form').find('a'
		).click(function () {
			var b_id = this.id.substring(1,this.id.length);
			$('#' + b_id).attr("checked", "checked");
			$('#test-form input').attr("disabled", "disabled");
			$('#text-wrapper .in').append('<p id="submit_mess">Submitting...</p>');
			window.t_post();
			return false;
		});
		$('#jcontinue').click(function () {
			restart_test();
			return false;
		});
		$('#jrestart').click(function () {
			$('#ready_ids').val("");
			$('#ready_vals').val("");
			restart_test();
			return false;
		});
	}
};

function t_post() {
	$.getJSON($('#test-form').attr('action'), { ajax: 'ajax', item_id: $('#item_id').val(), rating: $('#test-form input[type="radio"][name="rating"]:checked').val(), ready_ids: $('#ready_ids').val(), ready_vals: $('#ready_vals').val() },
		function(data){
			if (data['item_file']) {
				$('#sub-img').attr("src", data['item_file']).load(function() {
					$('#submit_mess').empty().remove();
				});
			}
			else {
				$('#submit_mess').empty().remove();
			}
			$('#item_id').val(data['item_id']);
			$('#ready_ids').val(data['ready_ids']);
			$('#ready_vals').val(data['ready_vals']);
			
			$('#test-form input').removeAttr("disabled");
			$('#test-form input').removeAttr("checked");
			$('#rating-x').attr("checked", "checked");
			
			if (data['results'] != "") {
				$('#test-form input').attr("disabled", "disabled");
				$('.test-text-start').hide()
				$('#sub-img').hide();
				$('#jtest-form').hide();
				$('#text-wrapper .in').append(data['results_text']).show();
				$('#jtest-results').append(data['results']).show();
				$('#item_id').val('');
				$('#jtest-result-buttons').show();
			}
			//console.log("Data Loaded: " + data['item_id'] + "\n" + data['ready_ids'] + "\n" + data['ready_vals'] + "\n" + data['test_end']);
		});
}