// prepare the form when the DOM is ready 
$(document).ready(function() { 
    var options = { 
        target:        '#response_status',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse,  // post-submit callback 
 		clearForm:      true
    };  
    // bind form using 'ajaxForm' 
    $('#contact_form').ajaxForm(options);		 
}); 
 
// pre-submit callback 
function showRequest(formData, jqForm, options) {
	//$('#form_buttons').hide();
	$('#indicator').show(); 
	$('#contact_form_holder').fadeOut('fast');
    var queryString = $.param(formData); 
 	
	$.get('assets/snippets/contact/mail.contact.php', queryString); 
 
    //alert('About to submit: \n\n' + queryString); 
	res = false;
    res = validate_fields ();
	if (res == false) $('#contact_form_holder').fadeIn('fast');
	return res; 
} 
 
// post-submit callback 
function showResponse(responseText, statusText, xhr, $form)  {
	$('#indicator').hide();
	$('#contact_form_holder').fadeOut('fast');
	$('#response_status').fadeOut('fast');
	$('#contact_form_result').show();
	//alert('status: ' + statusText + '\n\nresponseText: \n' + responseText);
} 

var fieldsToCheck = new Array ("contact_prename", "contact_email", "contact_message");

function validate_fields () 
{	
	//var res = true;
	
	for (var i=0; i < fieldsToCheck.length; i++)
	{ 
		//alert (fieldsToCheck[i]);
		if($("#"+fieldsToCheck[i]).val() == "" || $("#"+fieldsToCheck[i]).val() == "")
		{
			$("#"+fieldsToCheck[i]).css({"color":"#C50000"});
			res = false;
		}
		else
		{
			$("#"+fieldsToCheck[i]).css({"color":"#333333"});
			res = true;
		}
	}	
	if (!res)
	{
		$('#response_status').html('Sie haben nicht alle erfolderlichen Felder ausgefüllt oder die eingegebenen Daten sind inkorrekt!');
		$('#response_status').show();
		$('#indicator').hide();
	}
	return res;	
}