Event.observe(window,"load", function() {
  //click to clear functionality
  $$('input.clear\_on\_click').each(function(element) {
    new ClearOnClick(element);
  });
});
var ClearOnClick = Class.create();
  Object.extend(ClearOnClick.prototype, {
    initialize: function(element) {
      this.element = $(element);
      this.originalValue = $F(element);
      this.element.observe("blur", this.onBlur.bind(this));
      this.element.observe("focus", this.onFocus.bind(this));
      var form = this.element.up("form");
      if(form) $(form).observe("submit", this.onFocus.bind(this));
    },
    onFocus: function(event) {
      if($F(this.element) == this.originalValue) {
        this.element.value = "";
        this.element.removeClassName("clear\_on\_click");
      }
    },
    onBlur: function(event) {
      if($F(this.element).match(/^\s*$/)) {
        this.element.value = this.originalValue;
        this.element.addClassName("clear\_on\_click");
      }
    }
  });