﻿$.fn.watermark = function() {

    return this.each(function() {

        var obj = $(this);

        obj.attr('x-color', obj.css('color'));
        obj.attr('x-font-style', obj.css('font-style'));

        if (!obj.attr('title')) {
            obj.attr('title', 'Watermark');
        }

        if (obj.val() == '') {
            obj.css('color', 'Gray');
            obj.css('font-style', 'italic');
            obj.val(obj.attr('title'));
            obj.attr('x-watermark', 1);
        }
        else {
            obj.attr('x-watermark', 0);
        }

        obj.focus(function() {

            obj = $(this);

            if (obj.attr('x-watermark') == 1) {
                obj.css('color', obj.attr('x-color'));
                obj.css('font-style', obj.attr('x-font-style'));
                obj.val('');
                obj.attr('x-watermark', 0);
            }
        });

        obj.blur(function() {

            obj = $(this);

            if (obj.val() == '') {
                obj.css('color', 'Gray');
                obj.css('font-style', 'italic');
                obj.val(obj.attr('title'));
                obj.attr('x-watermark', 1);
            }
        });
    });

}