﻿jQuery.fn.contourhint = function (blurClass) {
  if (!blurClass) { 
    blurClass = 'blur';
  }

return this.each(function () {
    // get jQuery version of 'this'
    var $input = jQuery('input, textarea', this),
    $small = jQuery('small', this),

    // capture the rest of the variable to allow for reuse
    title = $small.text(),
    $form = jQuery(this).parents("form"),
    $win = jQuery(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 === '') {
                $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
    }
  });
};
