ContactForm = $.klass({
  initialize : function(options) {
    this.options = options;
    this.element.validate({
      rules: {
        contact_name: {
          required: true
        },
        contact_email : {
          required: true,
          email: true
        }
      },
      messages : {
        contact_name : {
          required: 'enter your name'
        },
        contact_email : {
          required: 'enter your email',
          email: 'email address is invalid'
        }
      }
    });
  },

  onsubmit : function() {
    $form = this.element;
    if($form.valid()) {
      $form.hide();
      $('#contact_me_title').hide();
      $('#contact_thanks').show();

      var data = this.element.serializeArray();
      if (this._submitButton) data.push({ name: this._submitButton.name, value: this._submitButton.value });

      var options = $.extend({
        url : 'mail_thing.php',
        type : 'POST',
        data : data
      }, this.options);

      $.ajax(options);
    }

    return false;
  }
});

$(document).ready(function(){
  $('#contact_form').attach(ContactForm);
  $('#contact_form').show();
});