$j(function(){
  initFormFields();
});

function initFormFields() {
  $j(".clear_btn").click(function(e) {
    e.preventDefault();
    $j("form#"+$j(this).parents('form').get(0).id).clearForm();
  });
  
  var inputs = ["input[type=\'text\']", "input[type=\'password\']", "textarea"];
  
  for (var i=0; i<inputs.length; i++) {
    addVisualFeedbackToField(inputs[i]);
  }
}

function addVisualFeedbackToField(elem_id) {
  $j(elem_id).hover(
    function() {
      $j(this).addClass("hover_field");
    }, function() {
      $j(this).removeClass("hover_field");
    }
  );
  $j(elem_id).focus(function() {
    if ($j(this).hasClass("idle_field")) {
      this.value = '';
      $j(this).removeClass("idle_field");
    }
    $j(this).addClass("focus_field");
  });  
  $j(elem_id).blur(function() {  
    $j(this).removeClass("focus_field");      
    if ($j.trim(this.value) == ''){  
      this.value = (this.defaultValue ? this.defaultValue : '');  
      $j(this).addClass("idle_field");
    }
  });
}