/*
Event.observe('register_form', 'submit', function(event) {
    $('register_form').request({
        onFailure: function() {
          $('register_form_result').update("An error ocurred while attempting to process your request.");
        },
        onSuccess: function(t) {
          $('register_form_result').update(t.responseText);
        }
    });
    Event.stop(event); // stop the form from submitting
});

*/
Event.observe(window, 'load', function() {
  Event.observe('register_form', 'submit', submitRegisterForm);
});

function submitRegisterForm(e) {
  $('register_form').request({
			method: 'post',
      onFailure: function() {
        $('register_form').update(" \
          <p style=\"font-size: 150%; margin-top: 20px; text-align: left; line-height: 150%;\"> \
            An error ocurred while attempting to process your request. \
          </p> \
        ");
        new Effect.Highlight($('register_form'));
      },
      onSuccess: function(e) {
        $('register_form').update(e.responseText);
        new Effect.Highlight($('register_form'));
      }
  });
  Event.stop(e); // stop the form from submitting
}