Event.observe(window, "load", function() {
  $("mail-form").observe("submit", function (event) {
	
	$('submit_mail').disabled= true;
	$('submit_mail').setAttribute("value", "Wait");
											 
    Event.stop(event);
    new Ajax.Request(this.readAttribute("action"), {
      parameters: this.serialize(true),
      onLoad: function() {},
      onSuccess: function(transport) {            
        var json = transport.responseText.evalJSON();
        $$("#mail-form .form-error").invoke("hide");
                    
        if (json.status == 200) {
          //The mail was succesfully sent
          $("mail-log").show();
          $$("#mail-form .form-control").invoke("clear");		  
		  $('submit_mail').disabled = false;
		  $('submit_mail').setAttribute("value", "SEND");
        } else if(json.status == 300) {
          //To-do
        } else {
          //There were some input errors          
          $A(json.errors).each(function(s) {$(s).show()});
		  $('submit_mail').disabled = false;
		  $('submit_mail').setAttribute("value", "SEND");
        }
      }
    });
  });
});
