﻿(function($) {
	
	$.fn.watermark = function(options) {
		
		var defaults = {};
		
		var options = $.extend(defaults, options);
		
		return this.each(function() {
		
			var input = $(this);
		
			switch(input.attr("type")) {
				
				case "password":
				
					input.before("<input type='text' id='" + input.attr("id") + "_alt" + "' class='" + input.attr("class") + "' />")
					var inputalt = input.prev();
					
					if (input.val() == "") {
						inputalt.val(input.attr("title"));
						input.hide();
					} else {
						input.show();
						inputalt.hide();
					}
					
					inputalt.focus(function(evt) {
						var inputalt = $(this);
						var input = inputalt.next();
						
						inputalt.hide();
						input.show().focus();						
					});
					
					input.blur(function(evt) {
						var input = $(this);
						var inputalt = input.prev();
						
						if (input.val() == "") {
							input.hide();
							inputalt.show();
						}
					});
				
				break;
		
				default:
					if (input.val() == "")
						input.val(input.attr("title"));
					else if (input.val() != input.attr("title"))
						input.addClass("active");
						
					input.focus(function(evt) {
						var input = $(this);
						input.val() == input.attr("title") ? input.val("").addClass("active") : null;
					});
					
					input.blur(function(evt) {
						var input = $(this);
						input.val().trim() == "" ? input.val(input.attr("title")).removeClass("active") : input.val(input.val().trim());
					});
				
			}
		
		});
		
	};
		
})(jQuery);

String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g,"");
}
