/*
 * 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 5786 2008-07-12 16:29:44Z 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
 */
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];
            $(this).hide();
        }
        
        if(!target.value || mark == this.value) {
            $(target).addClass("watermark");
        }
        
        // setup initial value
        if (!this.value) {
            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")
                } 
            }
        });
    });
};