var SearchForm = Class.create();

SearchForm.extend({
   default_msg: '\u54C1\u540D\u30FB\u54C1\u756A\u30FB\u30D5\u30EA\u30FC\u30EF\u30FC\u30C9',

   initialize: function(option) {
      this.option = option || {};
      this.msg = this.option.msg || this.default_msg;
      this.elm = this.option.elm;

      this.elm.value = this.msg;
      addEvent(this.elm, 'focus', this.focus.bind(this));
      addEvent(this.elm, 'blur', this.blur.bind(this));
   },

   focus: function() {
      if(this.elm.value != this.msg) return;
      this.elm.value = '';
      this._back = 1;
   },

   blur: function() {
      if(this.elm.value != '') {
         this._back = 0;
         return;
      }
      if(this._back) this.elm.value = this.msg;
   }
});

register_hook('load', function() {
      new SearchForm({
            elm: $('keyWord')
         });
   });