Event.observe(window,'load',function() {
	Event.observe('contactForm','submit',function(event) {
		processForm(event);
		event.stop();
	});
});

function processForm(event) {
	formElement = event.element();
	formElement.writeAttribute('action','/ajax/argocontactsubmission');
	formElement.request({onSuccess: function(transport) {processResult(transport)}});
};

function processResult (transport) {
	messageDiv = $('messages');
	messageDiv.update();
	//$('debug').update(transport.responseText);
	
	responseObject = transport.responseText.evalJSON();
	
	if(responseObject.messages.length != 0) {
		responseObject.messages.each(function(message) {			
			messageDiv.insert('<p>' + message.message + '</p>');
			Effect.Appear(messageDiv,{duration: 0.3,to: 0.9});
			Effect.Fade.delay(10,messageDiv,{duration: 0.3});
		});
	}	
	if(responseObject.sent == true) {
		messageDiv.insert('<p>Message Sent</p>');
		Effect.Appear(messageDiv,{duration: 0.3,to: 0.9});
		Effect.Fade.delay(3,messageDiv,{duration: 0.3});
		$('contactForm').reset();
	}
}