﻿/*
*	Watermark plugin
*	jQuery 1.2.6
*	 
*	Author: Gonzalo Villar
* 
*/

(function($) {

    function CreateDummyInput(jElement, options) {
        var watermarkText = (options.watermarkText) ? options.watermarkText : jElement.attr('title');
        var dummyInput = $('<input type="text">')
            .attr('id', jElement.attr('id') + '_watermark')
            .addClass(options.watermarkCssClass)
            .css({ height: jElement.height(),
                width: jElement.width()
            })
            .val(watermarkText)
            .hide();

        jElement.after(dummyInput);
    }

    function MakeWatermark(element, options) {
        element.each(function() {
            var thisEl = jQuery(this);

            CreateDummyInput(thisEl, options);

            var dummyInput = $('#' + thisEl.attr('id') + '_watermark');
            dummyInput.click(function(e) {
                $(this).hide();
                thisEl.show().focus();
            });

            dummyInput.focus(function(e) {
                $(this).hide();
                thisEl.show().focus();
            });

            thisEl.blur(function(e) {
                if (this.value == '') {
                    $(this).hide();
                    dummyInput.show();
                }
            });

            if (thisEl.val() == '') {
                thisEl.hide();
                dummyInput.show();
            }

        });

        return element;

    }

    $.fn.watermark = function(options) {
        return MakeWatermark(this, options);
    }

})(jQuery);