Requirements::block('jsparty/prototype.js');
Requirements::javascript('jsparty/jquery/jquery.js');
Requirements::javascript("jsparty/jquery/plugins/form/jquery.form.js");

$(document).ready(function() {
var options = {
target: '#FormContainer', // target element(s) to be updated with server response
beforeSubmit: showLoading, // pre-submit callback
success: showResponse, // post-submit callback

// other available options:
//url: url // override for form's 'action' attribute
//type: type // 'get' or 'post', override for form's 'method' attribute
//dataType: null // 'xml', 'script', or 'json' (expected server response type)
//clearForm: true // clear all form fields after successful submit
//resetForm: true // reset the form after successful submit

// $.ajax options can be used here too, for example:
//timeout: 3000
};
$('#Form_Form').ajaxForm(options);
});

function showLoading(formData, jqForm, options) {
   $("#FormStatus").html("Loading...");
}

function showResponse(formData, jqForm, options) {
   $("#FormStatus").html("The first step has been saved. Please continue:");
}

function doForm($params) {
   //for example, if one of the form fields was FirstName
   $member = new Member();
   $member->FirstName = $params["FirstName"];
   if($member->write()) {
      if(Director->is_ajax()) {
         return "Thanks, you've completed the form!";
      } else {
         return Array(); //returns the normal template - you could do something else here.
      }         
   }
   return Array("Title"=>"Error", "Content"=>"Houston, we have a problem saving the member.", "Form"=>"");
}