﻿(function($) {
    var map = new Array();
    $.Watermark = {
        ShowAll: function() {
            for (var i = 0; i < map.length; i++) {
                if (map[i].obj.val() == "") {
                    map[i].obj.val(map[i].text);
                    map[i].obj.css("color", map[i].WatermarkColor);
                } else {
                    map[i].obj.css("color", map[i].DefaultColor);
                }
            }
        },
        HideAll: function() {
            for (var i = 0; i < map.length; i++) {
                if (map[i].obj.val() == map[i].text)
                    map[i].obj.val("");
            }
        }
    }

    $.fn.Watermark = function(text, color) {
        if (!color)
            color = "#aaa";
        return this.each(
            function() {
                var input = $(this);
                var defaultColor = input.css("color");
                map[map.length] = { text: text, obj: input, DefaultColor: defaultColor, WatermarkColor: color };
                function clearMessage() {
                    if (input.val() == text)
                        input.val("");
                    input.css("color", defaultColor);
                }

                function insertMessage() {
                    if (input.val().length == 0 || input.val() == text) {
                        input.val(text);
                        input.css("color", color);
                    } else
                        input.css("color", defaultColor);
                }

                input.focus(clearMessage);
                input.blur(insertMessage);
                input.change(insertMessage);

                insertMessage();
            }
        );
    };
})(jQuery);

