window.addEvent('domready', function(){
	var log = new Element('div', {id: 'logRes'});
	var sent = new Element('p', {id: 'thankyou'});
	var highlight = new Fx.Morph(log, {
		duration: 2000,
		transition: 'quad:out'
	});
	$('contactForm').addEvent('submit', function(e) {
		//Prevents the default submit event from loading a new page.
		e.stop();
		//Empty the log and show the spinning indicator.
		var windowSize = window.getSize();
		var centerX = (windowSize.x * 0.5) - 150;
		var centerY = (windowSize.y * 0.5) - 50;
		log.inject($('container'), 'before');
		log.empty().addClass('ajax-loading');
		log.setStyles({
			position: 'absolute',
			top: centerY,
			background: 'url(../images/body/transparentBlack.png)',
			border: 'solid 1px #111',
			marginLeft: centerX,
			textAlign: 'center',
			padding: 10,
			paddingTop: 40,
			width:  300,
			height: 100,
			zIndex: '1000'
		});
		var progress = new Element('p', {id: 'progress'});
		progress.inject(log);
		progress.appendText('message is sending...');
		progress.setStyles({
			display: 'none',
			fontSize: 24,
			color: '#fff'
		});
		sent.inject(log);
		sent.setStyles({
			display: 'none',
			fontSize: 24,
			color: '#333'
		});
		//Set the options of the form's Request handler.
		//("this" refers to the $('myForm') element).
		this.set('send', {
			onRequest: function(){
				progress.setStyle('display', 'block');
			},
			onComplete: function(response) {
				progress.setStyle('display', 'none');
			    burn('Message Sent!');	
			}
		});

		this.send();
	});
	 
	function burn(text){
		sent.setStyle('display', 'block');
  		sent.appendText(text);
		highlight.start({
			backgroundColor: ['#fff36f', '#fff'], 
			opacity: [1,0]
		});
		 
	}
});