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

});

function processForm(event) {
	if($('contact-email').value != $('validation-email').value) {
		messageDiv = $('messages');
		Effect.Shake('contact-email');
		Effect.Shake('validation-email');
		messageDiv.update('<p>Please re-enter your email address</p>');
		Effect.Appear(messageDiv,{duration: 0.3,to: 0.9});
		Effect.Fade.delay(3,messageDiv,{duration: 0.3});
	} else {
		formElement = event.element();
		formElement.writeAttribute('action','/ajax/contactsubmission');
		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) {
			incorrectFormElement = $('contact-' + message.field);
			incorrectFormElementParent = incorrectFormElement.up();
			Effect.Shake(incorrectFormElementParent);
			messageDiv.insert('<p>' + message.message + '</p>');
			Effect.Appear(messageDiv,{duration: 0.3,to: 0.9});
			Effect.Fade.delay(3,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});
		$('googleConversion').src = "/googleconversion.wpext";
		$('contactForm').reset();
	}
}