/**
* @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('rel'),
      $form = $(this.form),
      $win = $(window);

            function remove() {
                if ($input.attr("type") == "password") {
                    $input.next("span").remove();
                }
                else 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") {
                            var hintField = $input.AddTagAfter("span").text(title).addClass(blurClass);
                            var pos = $input.position();
                            var style = "position: absolute; top: " + pos.top + "px; left: " + pos.left + "px; color: "
                            + $input.css("color") + "; font-size: " + $input.css("font-size") + "; padding-top: "
                            + $input.css("padding-top") + "; padding-left: " + $input.css("padding-left")
                            + "; margin-top: " + $input.css("margin-top") + "; margin-left: " + $input.css("margin-left") + ";";
                            hintField.attr("style", style);
                            hintField.click(function() { $input.focus() });
                        }
                        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);