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

(function ($) {

$.fn.hint = function (blurClass) {
  if (!blurClass) { 
    blurClass = 'blur';
  }
    
  return 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'),
      type = $input.attr('type'),
      $form = $(this.form),
      $win = $(window);

    function remove() {
      if ($input.val() === title && $input.hasClass(blurClass)) {
        $input.val('').removeClass(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 === '') {
          if (this.type === 'password') {
              changeInputType(this, 'text', title, true);
          } else {
              $input.val(title).addClass(blurClass);
          }
        }
      }).focus(remove).blur(); // now change all inputs to title
      
      // clear the pre-defined text when form is submitted
      $form.submit(remove);
      $win.unload(remove); // handles Firefox's autocomplete
    }
  });
};

})(jQuery);

function changeInputType(oldElm, iType, iValue, noFocus) {
    if (!oldElm || !oldElm.parentNode || (iType.length < 4) ||
	!document.getElementById || !document.createElement) return;
    var newElm = document.createElement('input');
    newElm.type = iType;
    newElm.className = 'text';
    if (oldElm.name) newElm.name = oldElm.name;
    if (oldElm.id) newElm.id = oldElm.id;
    newElm.onfocus = function() {
        if (this.hasFocus) return;
        var newElm = changeInputType(this, 'password',
	  (this.value == iValue) ? '' : this.value, false);
        if (newElm) newElm.hasFocus = true;
    }
    newElm.onblur = function() {
        if (this.hasFocus)
            if (this.value == '' || this.value == iValue) {
            changeInputType(this, 'text', 'password', true);
        }
    }
    newElm.hasFocus = false;
    oldElm.parentNode.replaceChild(newElm, oldElm);
    if (iValue) newElm.value = iValue;
    if (!noFocus || typeof (noFocus) == 'undefined') {
        window.tempElm = newElm;
        setTimeout("tempElm.hasFocus=true;tempElm.focus();", 1);
    }
    return newElm;
}

$(document).ready(function() {
    $(function() { $('input[title!=""]').hint('blur'); });
});