// Begin functioning when DOM is ready
$(document).ready( function()
{
	// required fields
	var requiredFields = new Array(
		'naam', 'telefoon'
	);
	
	// Get form url
	var url = $('form[name="belmij"]').attr( 'action' ) + '&action=post';
	
	$('a[rel="submit"]').click( function()
	{
		// Set return status 
		var status = true;
		
		// First check if 'naam' and 'telefoon' fields are filled in
		for ( var i = 0; i < requiredFields.length; i++ )
		{
			// Get field
			var field = '#' + requiredFields[i];
			
			// If field is empty..
			if ( $(field).val() == "" || $(field).val() == "Verplicht" )
			{
				// Color red
				$(field).css( 'borderColor', '#C60C30' );
				$(field).css( 'color', '#C60C30' );
				
				// Change input to 'verplicht'
				$(field).val( 'Verplicht' );
				
				// Change status to false
				status = false;
			}
			else
			{
				// Color normal
				$(field).css( 'borderColor', '#A7A6AA' );
				$(field).css( 'color', '#000' );
			}
		}
		
		// Check the status and stop further actions is false
		if ( status === false ) return false;
		
		// Get formdata
		var data = $('form[name="belmij"]').serialize();
		
		// Disable all form inputs
		$(':input').attr( 'disabled', 'disabled' );
		
		// Post form data
		$.ajax(
		{
			type	:'POST',
			url		: url,
			data	: data,
			success	: function( result )
			{
				$('form[name="belmij"]').parent().hide();
				$('.sidepanel_belmij_ok').show();
			}
		});
		
		// Stop further actions
		return false;
	});
});