$(function() {
    $.fn.watermark = function(mark) {
        return this.each(function() {
            var label, input;
            if (this.tagName != "LABEL") {
                input = $(this);
                label = $('<label for="' + this.id + '">' + (mark || this.title || this.value) + '</label>').insertBefore(this);
            } else {
                label = $(this);
                input = $("#" + label.attr("for"));
            }
            label.addClass("ui-watermark-label");
            label.parent().addClass("ui-watermark-container");
            //alert(input.css("borderLeftWidth"));
            label.css({
                left: parseInt(input.css("borderLeftWidth")) + parseInt(input.css("paddingLeft")),
                top: parseInt(input.css("borderTopWidth")) + parseInt(input.css("paddingTop"))
            });
            if (input.val()) {
                label.hide();
            }
            if (!input.attr("title")) {
                input.attr("title", label.text());
            }
            input.focus(function() {
                if (!this.value)
                //label.fadeOut("fast");
                    label.hide();
            }).blur(function() {
                if (!this.value)
                    label.show();
                //label.fadeIn("fast", function() {
                //    this.style.removeAttribute("filter");
                //});
            });
        });
    };
});

$(function() {
    $(".watermark").watermark();
});