var idSite = 0;
var okTemplate = '<div class="message"><p>After moderation (1-2 days) you opinion will be added on ' +
                     'the project.<br />Thank you!</p><p><a href="#" class="d">Leave new review</a></p></div>';

function onClickMore(event){
	event.preventDefault();
	var $form = $('#form-opinion');
	$form.slideDown('normal');
	$form.next('.message').hide();
}

function reloadCaptcha(){
	$('#icp').attr('src', captchaUrl + '?' + Math.floor(Math.random()*10));
}

function resetForm(){
	$('input.text, textarea', $form).val('');
	$('select#id_site', $form).val(idSite);
	$('input[type=radio].star').rating('reset');
	reloadCaptcha();
}
                     
$(function(){
	$('#form-opinion').submit(function(event){
		event.preventDefault();
		$form = $(this);
		$.post($form.attr('action'), $form.serialize(),
				function(data){
					var $form = $('#form-opinion');
					if(data.ok){
						resetForm();
                        $form.slideUp('normal', function(){
                            $message = $form.next('.message');
                            if($message.length){
                                $message.show();
                            } else {
                            	$(okTemplate).insertAfter($(this)).show().find('a.d').click(onClickMore);
                            }
                        });
					} else {
						var errors_str = '';
						for(i in data.errors){
							errors_str += data.errors[i] + '\n';
						}
						alert(errors_str);
					}
					$('input, textarea, select', $form).removeAttr('disabled');
		}, 'json');
		$('input, textarea, select', $form).attr('disabled', 'disabled');
	});

	$('#button-captcha').click(function(event){
		event.preventDefault();
		reloadCaptcha();
	});
});