(function($){
	
	$.fn.placeholder = function() {
		
		return this.each(function() {
			
			function elementSupportsAttribute(element, attribute) {
				var test = document.createElement(element);
				return (attribute in test);
			};		

			if (elementSupportsAttribute('textarea', 'placeholder')) {
				return;
			}

			if($(this).attr("type") == "password") {

				var original_pass_field = $(this);

				if(original_pass_field.val() == "") {
					$(this).parent().append("<input type=\"text\" style=\"color:#777777;\" value=\""+ $(this).attr("placeholder") +"\" name=\"pass_placeholder\" class=\"form-text\" id=\"new_" + original_pass_field.attr('id') + "\">");
					$(this).css("display","none");
				}

				var original_pass_field = $(this);

				$("#new_" + original_pass_field.attr('id')).focus(function() {
					if(original_pass_field.val() == "") {
						$("#new_" + original_pass_field.attr('id')).css("display","none");
						original_pass_field.css("display","");
						original_pass_field.focus();
					}
				});

				original_pass_field.blur(function() {
					if(original_pass_field.val() == "") {
						$("#new_" + original_pass_field.attr('id')).css("display","");
						original_pass_field.css("display","none");
					}
				});

			} else {

				if($(this).val() === "") {
					$(this).val($(this).attr("placeholder"));
					$(this).css("color","#777777");
				}

				$(this).focus(function() {
					if($(this).val() === $(this).attr("placeholder")) {
						$(this).css("color","#000000");
						$(this).val("");
					}
				}).blur(function() {
					if($(this).val() === "") {
						$(this).css("color","#777777");
						$(this).val($(this).attr("placeholder"));
					}
				});
			}
			
		});
		

	} 
	
})(jQuery);