function refreshCaptcha()
{
	$.ajax({
		type: "POST",
		url: '/includes/captcha/refresh.php',
		dataType: 'json',
		success: function( json ) {
			$('#spamCheck').val( json.hash );
			$('#spamImage').html( json.img );
			$('#spamCheck_answer').val('');
		}
	});
}

$(document).ready(function() {

	if( $('#spamImage').length > 0 )
	{
		refreshCaptcha();
		$('#spamRefresh').click( function() {
			refreshCaptcha();
		});
	}

	var container = $("div#error_container"); // error display javascript form validate
	var container2 = $("div#error_container2"); // error display ajax post

	$("#reaction").submit(function() {
		$(this).find(".toggleInput").each(function() {
			if($(this).val() == $(this).data("defText")) {
				$(this).val("");
			}
		});
	});

	validator = $("#reaction").validate({
		//voor debuggen op true - form word dan niet submitted
		debug: false,

		//select trigger event type
		event: 'blur',

		//trigger validate event on form submit
		onsubmit: true,

		//geen focus op het veld
		focusInvalid: true,

		//als focus veld clear
		focusCleanup: false,

		errorContainer: container,
		errorLabelContainer: $('ol', container),
		wrapper: 'li',

		showErrors: function() {
			container2.hide();
			validator.defaultShowErrors();
			if ( $('li', container).size() == 0 ) {
				container.hide();
			}
		},

		rules: {

			reaction_naam: "required",

			reaction_email: {
				required: true,
				email: true
			},

			reaction_boodschap: "required",

			spamCheck_answer: "required"
		},

		messages: {

			reaction_naam: YM_trans('U heeft geen naam ingevuld!'),

			reaction_email: {
				required: YM_trans('U heeft geen e-mailadres ingevuld!'),
				email: YM_trans('E-mailadres is niet geldig!')
			},

			reaction_boodschap: YM_trans('U heeft geen bericht ingevuld!'),

			spamCheck_answer: YM_trans('U heeft geen code ingevuld!')
		},

		submitHandler: function(form) {

			$.ajax({
				type: "POST",
				url: '/content/ajax/reaction.php',
				data: $(form).serialize(),
				dataType: 'json',
				success: function( json ) {
					if( json.status == 'OK' )
					{
						resultReaction(json.message);
					}
					else
					{
						// reset form error
						$(container).hide();

						// display error
						$(container2).html( json.message.err_mes ).show();

						// refresh captcha
						refreshCaptcha();
					}
				}
			});

			validator.resetForm();
		}
	});
});

/**
 * Resultaat verwerken
 */
function resultReaction( json )
{
	if ( json.naam ) {
		var reaction_count = parseInt($('#reaction_count').text());
		$('#reaction_count').html(reaction_count+1);
		if ( reaction_count > 1 )
			$('#reactions_title').html(YM_trans('Reacties'));
		var reaction = '';
		reaction += '<div class="reaction_odd"><span class="reaction_name">'+json.naam+'</span><div style="float:right">'+
			'<span class="reaction_date"> '+$('.reaction_on').html()+
			' '+json.datum+'</span></div><br/>'+'<p class="reaction_message">'+json.boodschap+'</p></div>';
		$('#first_target').prepend(reaction);
	}

	$('#reaction_form').html($('#reaction_text').html()).show();

/* Conversie meting van Adsyner
*/
	var adsynerHost = (("https:" == document.location.protocol) ? "https://" : "http://");
//	document.write(unescape("%3Cscript src='" + adsynerHost + "www.adsyner.com/banner/stats.js' type='text/javascript'%3E%3C/script%3E"));

$('#reaction_form').append(unescape("%3Cscript src='" + adsynerHost + "www.adsyner.com/banner/stats.js' type='text/javascript'%3E%3C/script%3E"))

	try {
	var adsyner_stats = _aStats._getStats("20081121222940");
	adsyner_stats._convCount();
	} catch(err) {}

/* Einde Conversie meting van Adsyner
*/

}