﻿
; (function(jQuery) {
	jQuery.extend(jQuery.fn, {
		watermark: function(options) {
			return this.each(function() {
				var defaults = {
					cssClass: "watermark-text",
					text: "Watermark"
				};
				options = jQuery.extend(defaults, options);


				var $this = jQuery(this);
				//if ($this.val() === options.text || $this.val() === "") {
					$this.addClass(options.cssClass);
				//}
				
				var optText = $this.attr("title");

				$this.data("watermark-text", optText);
				$this.data("watermark-css", options.cssClass);

				if (optText.length > 0) {
					options.text = optText;
					$this.attr("title", "");
				}

				var cval = jQuery.trim($this.val());
				if (cval === "" && options.text !== null) {
					$this.val(options.text);
				}

				$this.bind("focus", function() {
					var $t = jQuery(this);
					var txt = $t.data("watermark-text");
					var css = $t.data("watermark-css");
					if (jQuery.trim($t.val()) === txt) {
						$t.val("").removeClass(css);
					}
				}).bind("blur", function() {
					var $t = jQuery(this);
					var txt = $t.data("watermark-text");
					var css = $t.data("watermark-css");

					if (jQuery.trim($t.val()) === "") {
						$t.addClass(css).val(txt);
					}
				});
			});
		}
	});
})(jQuery);