jQuery(document).ready(function(){
	
	$('#reserveren #contactform').submit(function(){
	
		var action = $(this).attr('action');
		
		$("#reserveren #message").slideUp(750,function() {
		$('#reserveren #message').hide();
		
 		$('#reserveren #submit')
			.after('<img src="assets/ajax-loader.gif" class="loader" />')
			.attr('disabled','disabled');
		
		$.post(action, { 
			naam: $('#reserveren #naam').val(),
			email: $('#reserveren #email').val(),
			telefoonnummer: $('#reserveren #telefoonnummer').val(),
			datum: $('#reserveren #datepicker').val(),
			uur: $('#reserveren #uur').val(),
			aantalpersonen: $('#reserveren #aantalpersonen').val(),
			opmerkingen: $('#reserveren #opmerkingen').val(),
		},
			function(data){
				document.getElementById('message').innerHTML = data;
				$('#reserveren #message').slideDown('slow');
				$('#reserveren #contactform img.loader').fadeOut('slow',function(){$(this).remove()});
				$('#reserveren #contactform #submit').attr('disabled',''); 
				if(data.match('success') != null) $('#reserveren #contactform').slideUp('slow');
				
			}
		);
		
		});
		
		return false; 
	
	});
	
});