$(document).ready(function() {
  $('#name').val('');
  $('#email').val('');
  $('#phone').val('');
  $('#message').val('');
  
  $('#submit').click(function(){
    var name    = $('#name').val();
    var email   = $('#email').val();
    var phone   = $('#phone').val();
    var message = $('#message').val();
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
    
    if($.trim(name).length < 1){
      $('#response').html('<p class="errormsg">Oops! Required fields are missing.</p>');
      $('#name').focus();
      return false;
    }
    
    if($.trim(email).length < 1){
      $('#response').html('<p class="errormsg">Oops! Required fields are missing.</p>');
      $('#email').focus();
      return false;
    } else if(!reg.test(email)){
      $('#response').html('<p class="errormsg">Please enter valid Email Address.</p>');
      $('#email').focus();
      return false;
    }
    
    if($.trim(message).length < 1){
      $('#response').html('<p class="errormsg">Oops! Required fields are missing.</p>');
      $('#message').focus();
      return false;
    }
 
    name    = encodeURIComponent(name);
    email   = encodeURIComponent(email);
    phone   = encodeURIComponent(phone);
    message = encodeURIComponent(message);
    
    $.post("contact_process.php", { name: name, email: email, phone: phone, message: message },
      function(data){
        if(data == 'sent'){
          $('#response').html('<p>To contact us via email please complete the form below.</p>');
          $('#contact').html('<h1>Thank You</h1><p>Your request has been submitted successfully.</p>');  
        }
      });
      
  });  
});