$(document).ready(function() {
  
    $('input').focus(function(){
      $(this).removeClass('error');
    });
    
    $('textarea').focus(function(){
      $(this).removeClass('error');
    });
    
  	$('#submit').click(function(){
  	  var error = false;
  	  var missing_fields = "";
  	  $('#form_status').html('');
  	  
  	  if($('#name').val() == ''){
  	    error = true;
  	    $('#name_label').addClass('error');
        missing_fields = "Name";
  	  }
  	  
  	  if($('#email').val() == ''){
  	    if(error){
  	      missing_fields = missing_fields + ', ';
  	    }
  	    error = true;
  	    $('#email_label').addClass('error');
  	    var html = $('#form_status').html();
        
  	    missing_fields = missing_fields + " Email";
  	  }
  	  
  	  if($('#message').val() == ''){
  	    if(error){
  	      missing_fields = missing_fields + ', ';
  	    }
  	    error = true;
  	    $('#message_label').addClass('error');
  	    var html = $('#form_status').html();
  	    missing_fields = missing_fields + " Message";
  	  }
  	  if(error){
  	    $('#form_status').html(html + 'Please fill in: ' + missing_fields + '');
  	    $('#form_status').show();
  	  }
  	  
  	  if(!error){
  	    var name = $('#name').val();
  	    var mail = $('#email').val();
  	    var message = $('#message').val();
    	  
  	    $('#form_status').html("<img src='images/ajax-loader.gif' alt='loading..' />");
  	    $('#form_status').show();
  	    $.ajax({   
      	 	type: "POST",   
      	 	data: "name="+name+"&mail="+mail+"&message="+message,    
      	 	url: "send_mail.php",   
      	 	success: function(msg){ 
      	 	  if(msg == 'OK'){
      	 	    $('#form_status').html('Your message was sent');
      	 	    $('#message').val("");
      	 	    $('#name').val("");
      	 	    $('#email').val("");
      	 	  } else {
      	 	    $('#form_status').html('Something went wrong, please, try again later.');
      	 	  }
      	    $('#form_status').show();
      	 	},
      	 	error: function(msg){ 
      	 		$('#form_status').html('Something went wrong, please, try again later.');
      	    $('#form_status').show();
      	 	}
  	    });
  	  }
  	  
  	});
  });