/// <reference path="jquery.js"/>
(function($){
    $.fn.watermark = function(opts) {
        var p = $.fn.extend({}, $.fn.watermark.params, opts);
        return this.each(function() {
            var target = $(this);
            function focus() {
                if (target.val() == p.markText && target.hasClass(p.blurCss)) {
                    target.val('').removeClass(p.blurCss).addClass(p.focusCss);
                }
            }
            function render() {
                if ($.trim(target.val()) == '')
                    target.val(p.markText).removeClass(p.focusCss).addClass(p.blurCss);
            }
            target.focus(focus);
            target.blur(render);
            target.change(render);
            render();
        });
    }
    $.fn.watermark.params = {
        blurCss: 'watermaskblur',
        focusCss: 'watermaskfocus',
        markText: 'Water mask'
    };
})(jQuery);