Event.observe(window, 'load', function(){
	new Effect.Parallel([
		  new Effect.Morph('headerImg', { sync: true, style: 'width:812px' }), 
		  new Effect.Opacity('headerImg', { sync: true, from: 0, to: 1 }) 
		], 
		{ duration: 0.6 }
	);
	
	var name = new LiveValidation('name', { onlyOnSubmit: false, validMessage: "" });
	name.add( Validate.Presence, { failureMessage: "Please enter your name." } );
	var email = new LiveValidation('email', { onlyOnSubmit: false, validMessage: "" });
	email.add( Validate.Presence, { failureMessage : "Please enter your email address." } );
	email.add( Validate.Email, { failureMessage : "Please enter a valid email address." } );
	
	Event.observe('contactForm', 'submit', function(submit){
		Event.stop(submit);
		if (!LiveValidation.massValidate( [ name, email ] )){
			return;
		}
		
		new Ajax.Request('/sendEmail.php', {
			parameters: $('contactForm').serialize(true),
			onSuccess: function(transport){
				$('message').update(transport.responseText);
				$('contactForm').disable();
			}
		});
	});
});