$(document).ready(function(){
    $('input[title!=""]').hint(); // add hint text to text fields using the 'title' attribute
    $("#terms-fields a").click(function(){
        $("#terms").toggle();
        return false;
    });
    $("#close-terms").click(function(){
        $("#terms").css("display","none");
        return false;
    });
    $("#browse-nav a").click(function(){
        whichSet = $(this).attr("href");
        $("#browse-nav a").removeClass("active");
        $(".browse-set").removeClass("active");
        $(this).addClass("active");
        $(whichSet).addClass("active");
        return false;
    });
});

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