$(function() {

$('.error').hide();
	
	function verif(email) 
	{
	var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/i;
	var resultat = reg.test(email);
	//alert(resultat);
	//return (reg.exec(email)!=null);
	return resultat;
	} 
	
	
  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    
	$('.error').hide();
	
	$("input#name").css("border", "solid #15A4D0 1px");
	$("input#email").css("border", "solid #15A4D0 1px");
	$("input#subject").css("border", "solid #15A4D0 1px");
	
	var name = $("input#name").val();
	var email = $("input#email").val();	
	var subject = $("input#subject").val();
	var message = $("textarea#message").val();
	
	if (name == "") {
      $("label#name_error").show();
      $("input#name").focus(); 
	  $("input#name").css("border", "solid #F00 1px");
      return false;
    }
	
	if (email == "" || !verif(email)) {
      $("label#email_error").show();
      $("input#email").focus();
  	  $("input#email").css("border", "solid #F00 1px");
	  
      return false;
    }
	
	if (subject == "") {
      $("label#subject_error").show();
      $("input#subject").focus();
	  $("input#subject").css("border", "solid #F00 1px");
      return false;
    }
	
	
		
		var dataString = 'name='+ name + '&email=' + email + '&subject=' + subject + '&message=' + message;
		
	
	
	 $('#contact_form').html("<div id='loading' align='center'><img src='images/loading.gif' width='66' height='66'><h2>Laden, danke f&uuml;r gedulden Sie sich</h2></div>");

	
	$.ajax({
		   
      type: "POST",
      url: "ajax/mailer.php",
      data: dataString,
      success: function(result) {


				if(result == "SENT"){
				  
						$('#contact_form').html("<div id='confirm_sendForm'></div>");
						$('#confirm_sendForm').html("<h2>Das Formular wurde soeben gesendet</h2>")
						.append("<p>Wir werden Ihnen so bald als m&ouml;glich antworten. Danke.</p>")
						.hide()
						.fadeIn(1500, function() {
						$('#confirm_sendForm').append("<img id='checkmark' src='images/check.png' />");
						});
			  
									
									}
			  else {
				  
					 $('#contact_form').html("<div id='confirm_sendForm'></div>");
					$('#confirm_sendForm').html("<h2 style='color:#F00'>Fehler beim Versand dieses Formulars !</h2>")
					.append("<p>Danke f&uuml;r sp&auml;ter wiederversuchen</p>")
					.hide()
					.fadeIn(1500, function() {
					$('#confirm_sendForm').append("<img id='checkmark' src='images/error.png' />");
					});
				  
				  
				  }
	  
	  
	  }
	  
     });

    return false;
	});
});
runOnLoad(function(){
  $("input#name").select().focus();
});