jQuery.fn.hint = function(blurClass) {
	if (!blurClass) { 
		blurClass = 'inputhintblur';
	}
	return this.each(function(){
		var input = jQuery(this);
		var title = $(input).attr('title');
		var wrapContainer = '<div class="inputhintcontainer"></div>';
		var clearContainer = '<div class="inputhintclear"></div>';
		var label = $('<div>'+title+'</div>');
		var next = $(input).next();
		$(input).wrap(wrapContainer);
		$(input).after(label);
		if (next.is('img')) {
			$(input).after(next);
			//put an extra space in to ensure blank space behaviour remains
			$(input).after(' ');
		}
		var wrapObject = $(input).parent();
		$(wrapObject).after(clearContainer);
		
		this.hide = function() {
		  label.css({ textIndent: -10000 })
		}
			
		this.show = function() {
		  if (input.val() == '') label.css({ textIndent: 0 })
		}

		// handlers
		input.focus(this.hide);
		input.blur(this.show);
		label.addClass(blurClass).click(function(){ input.focus() });
			
		if (input.val() != '') this.hide(); 
	})
}