$(document).ready(function(){
	// $(document).ready() is executed after the page DOM id loaded
	// Binding an listener to the submit event on the form:
	$('#subform').submit(function(e){
		// If a previous submit is in progress:
		if($('#submit').hasClass('active')) return false;
		// Adding the active class to the button. Will show the preloader gif:
		$('#submit').addClass('active');
		// Removing the current error tooltips
		$('.errorTip').remove();
		// Issuing a POST ajax request to submit.php (the action attribute of the form):
		$.post($('#subform').attr('action'),$('#subform').serialize()+'&fromAjax=1',function(response){
			if(!response.status)
			{
				// Some kind of input error occured
				// Looping through all the input text boxes,
				// and checking whether they produced an error
				$('input[type!=submit]').each(function(){
					var elem = $(this);
					var id = elem.attr('id');
					if(response[id])
					//elem.
					elem.addClass('error');
						//showTooltip(elem,response[id]);
				});
			}
			else{
					$('input[type!=submit]').each(function(){
					var elem = $(this);
					var id = elem.attr('id');
					//elem.
					elem.removeClass('error');
						//showTooltip(elem,response[id]);
				});
				
			}
			
			$('#submit').removeClass('active');
			
		},'json');
		e.preventDefault();
		
		$('#vrzndnz').html('<h2 >uw aanvraag is verzonden</h2>');
	});
	//$(window).resize();
});
// Centering the form vertically on every window resize:
// Helper function that creates an error tooltip:
function showTooltip(elem,txt)
{
	// elem is the text box, txt is the error text
	$('<div class="errorTip">').html(txt).appendTo(elem.closest('.form_row'));
}