/*
 * searchField - jQuery plugin to display and remove
 * a default value in a searchvalue on blur/focus
 *
 * Copyright (c) 2008 Jörn Zaefferer
 * 
 * $Id: jquery.searchField.js 6233 2009-02-17 18:38:23Z joern.zaefferer $
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 */

/**
 * Clear the help text in a search field (either in the value or title attribute)
 * when focused, and restore it on blur if nothing was entered. If the value is
 * blank but there is a title attribute, the title will be moved to the initial value.
 *
 * @example $('#quicksearch').searchField();
 * @before <input id="quicksearch" title="Enter search here" name="quicksearch" />
 * @result <input id="quicksearch" value="Enter search here" name="quicksearch" />
 *
 * @name searchField
 * @type jQuery
 * @cat Plugins/SearchField
 */
(function($) {
jQuery.fn.searchField = function(mark){
  return this.each(function() {
    var mark = mark || this.title;
    
    if (!mark)
      return;
      
    var target = this;
    var original = $(this);
    if (this.type == "password") {
      target = $("<input />")
        .insertBefore(this)
        .css("display", $(this).css("display"))
        .attr("size", this.size)
        .attr("title", this.title)
        .attr("class", this.className)
        .addClass("watermark")[0];
      if (!this.value) {
        $(this).hide();
      } else {
        $(target).hide();
      }
    }
    
    if(!target.value || mark == this.value) {
      $(target).addClass("watermark");
    }
    
    // setup initial value
    if (!this.value || target != this) {
      target.value = mark;
    }
    
    $(target).focus(function() {
        if (target != original[0]) {
        $(this).hide();
        original.show().focus();
      } else if (this.value == mark) {
        this.value = '';
        $(this).removeClass("watermark");
      }
    });
    $(this).blur(function() {
      if (!this.value.length) {
        if (target != original[0]) {
          $(target).show();
          original.hide();
        } else {
          this.value = mark;
          $(this).addClass("watermark")
        } 
      }
    });
    
    // make sure that when the form is submitted, the watermark is
    // replaced with the empty string, which is usually the expected behavior.
       $(this).parents("form:first").submit(function(){
           if ($(target).hasClass("watermark")) {
               $(target).attr("value", "");
               $(target).removeClass("watermark");
           }
       });
  });
};
// End the closure
})(jQuery);
