/**
* @author Remy Sharp
* @url http://remysharp.com/2007/01/25/jquery-tutorial-text-box-hints/
*/

(function ($) {

$.fn.hint = function (options) {
	// default configuration properties
	var defaults = {
		autoRemoveOnFormSubmiton: true,
		blurClass: 'blur'
	};

	var options = $.extend(defaults, options);  

  var $allInputs = this.each(function () {
    // get jQuery version of 'this'
    var $input = $(this),
    
    // capture the rest of the variable to allow for reuse
      title = $input.attr('title'),
      $form = $(this.form),
      $win = $(window);

    function remove() {
      if ($input.val() === title && $input.hasClass(options.blurClass)) {
        $input.val('').removeClass(options.blurClass);
      }
    }

    // only apply logic if the element has the attribute
    if (title) { 
      // on blur, set value to title attr if text is blank
      $input.blur(function () {
        if (this.value === '') {
          $input.val(title).addClass(options.blurClass);
        }
      }).focus(remove).blur(); // now change all inputs to title
      
      // clear the pre-defined text when form is submitted
      if(options.autoRemoveOnFormSubmiton)
		$form.submit(remove);
		
      $win.unload(remove); // handles Firefox's autocomplete
    }
  });
  
  
  return {
	remove: function(){
		$allInputs.each(function(){
			var $input = $(this);
			if ($input.val() === $input.attr("title") && $input.hasClass(options.blurClass)) {
				$input.val('').removeClass(options.blurClass);
			}
		})
	}
  }
};

})(jQuery);