$(document).ready(function() {
  /** Go through the form and copy the label value into the form field **/
  $(".form-item input").each(function() {
    if ($(this).val() == ''){
      $(this).val($(this).prev('label').html());
    } else if ($(this).val() != $(this).prev('label').html()){
       $(this).addClass('complete');
    }  
  });
  $(".form-item textarea").each(function() {
    if ($(this).val() == ''){
      $(this).val($(this).prev('label').html());
    } else if ($(this).val() != $(this).prev('label').html()){
       $(this).addClass('complete');
    }  
  });
  
  $(".form-item input").focus(function() {
    focusField(this);
  });
  
  $(".form-item input").blur(function() {
    blurField(this);                 
  });
  
  $(".form-item textarea").focus(function() {
    focusField(this);                 
  });
  
  $(".form-item textarea").blur(function() {
    blurField(this);                             
  });
  
  $(".InteriorForm").submit(function() {
    
    $(".form .form-item input").each(function() {
      if($(this).val()==$(this).prev('label').html()) {
          $(this).val('');
      }
    });
    $(".form .form-item textarea").each(function() {
      if($(this).val()==$(this).prev('label').html()) {
          $(this).val('');
      }
    });
  });
  
});

function focusField(element) {
  $(element).addClass('focus');  
  var val = $(element).val();
  if(val==$(element).prev('label').html()) {
    $(element).val('');
  }
  $(element).removeClass('complete');
}

function blurField(element) {
  $(element).removeClass('focus');  
  if($(element).val()=='') {
    $(element).val($(element).prev('label').html());
  } else {
    $(element).addClass('complete');
  }
}