$(document).ready(function(){
  // Sumit wrote the following:
  $('form#contact_form .error').hide();
  $('form#contact_form .text').focus(function() {
    $(this).val('');
  });
  $('form#contact_form .text').blur(function() {
    $this = $(this);
    if($(this).val() == '') {
      switch($(this).attr('name')) {
        case 'name':
          $this.val('your name');
        break;
        case 'phone':
          $this.val('phone number');
        break;
        case 'email':
          $this.val('email');
        break;
        case 'detail':
          $this.val('please add some details of what you want here');
        break;
      }
    }
  });
  $('form#contact_form').submit(function() {
    $('form#contact_form .error').hide();
    var error = false;
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    var contact_form_name = $('#contact_form_name').val();
    if(contact_form_name == 'your name' || contact_form_name == '' || contact_form_name.length < 3) {
      error = true;
      $('#contact_form_name_error').html('Please enter a proper name of minimum 3 characters').show();
    }
    
    var contact_form_phone = $('#contact_form_phone').val();
    if(contact_form_phone == 'phone number' || contact_form_phone == '' || contact_form_phone.length < 3) {
      error = true;
      $('#contact_form_phone_error').html('Please enter a valid phone number').show();
    }
    
    var contact_form_email = $('#contact_form_email').val();
    if(contact_form_email == 'email' || contact_form_email == '' || contact_form_email.length < 3 || !emailReg.test(contact_form_email)) {
      error = true;
      $('#contact_form_email_error').html('Please enter a valid email address').show();
    }

    if(!error) {
      $.ajax({
        url: '/contact.php',
        type: 'POST',
        data: 'name=' + contact_form_name + '&phone=' + contact_form_phone + '&email=' + contact_form_email + '&detail=' + $('#contact_form_detail').val(),
        dataType: 'json',
        success: function(data) {
          if(data.success) {
          } else {
            for(index in data.error) {
              $('#contact_form_' + index + '_error').html(data.error[index]).show();
            }
          }
        }
      });
    }
    return false;
  });
});