window.addEvent("domready", function(){
		var contactForm = $('contactForm');

		var loadingImg = new Element('img', { 'src' : '/img/ajax-loader.gif', 'style' : 'float: left;' });

		contactForm.addEvent('submit', function( e ){
			e = new Event(e).stop();
			if( checkFields() )
			{
				var name 		= $('name').value;
				var email 		= $('email').value;
				if( $('telefoonnummer') )
					var telefoonNummer = $('telefoonnummer').value;
				else
					var telefoonNummer = '';
				
				var sendCopy = false;
				if( $('sendCopy').checked )
					sendCopy = true;

				var message = $('bericht').value;
				var result = $('result');
				var jsonRequest = new Request.JSON({
					url: "/snippets/sendForm.php5",
					onRequest: function(){
						loadingImg.inject(result, 'before');

						result.innerHTML = '  Uw formulier wordt verzonden';
					},
					onFailure: function(){
						contactForm.setStyle('display', 'none');
						result.innerHTML = 'Helaas kon het formulier niet verzonden worden, <br/>'
												+ 'probeert u het later nogmaals';
						result.setStyle('background-color', '#e6b3b3');
						result.setStyle('border', '1px solid #bd4444');
					},
					onComplete: function(response){
						contactForm.setStyle('display', 'none');
						if( response.succes != true )
						{
							result.innerHTML = 'Helaas kon het formulier niet verzonden worden, <br/>'
												+ 'probeert u het later nogmaals';
							result.setStyle('background-color', '#e6b3b3');
							result.setStyle('border', '1px solid #bd4444');
							
						}
						else
						{
							loadingImg.dispose();
							var withCopy = '';
							if( response.sendCopy )
								withCopy = '<br/>We hebben een kopie van het bericht naar je email ('+email+') gestuurd.';
							result.innerHTML = 'Je bericht is verstuurd, we zullen zo snel mogelijk contact met je opnemen.'+withCopy+'';
							result.setStyle('background-color', '#dff7dc');
							result.setStyle('border', '1px solid #a0da9d');
							result.setStyle('padding', '10px');
							result.setStyle('color', 'black');
						}
						loadingImg.dispose();
						result.setStyle('padding', '10px')
					}}).send('name='+name+'&email='+email+'&telNr='+telefoonNummer+'&message='+message+'&sendCopy='+sendCopy);

			}

		});

		function checkFields()
		{
			var allPassed = true;
			var formFields = $$('.required');

			var msg = 'Niet alle verplichte velden zijn ingevuld, deze zijn rood gemarkeerd';

			formFields.each( function( item, index)
			{
				if( item.value == "" )
				{
					allPassed = false;
					item.setStyle('background-color', '#e6b3b3');
					item.setStyle('border', '1px solid #bd4444');
				}
				else
				{
					item.setStyle('background-color', '#dff7dc');
					item.setStyle('border', '1px solid #a0da9d');
				}
				newMsg = msg;
			});
			/*
			*/

			if( allPassed )
			{
				allPassed = validateEmail( $('email').value );
				
				if( !allPassed )
				{
					newMsg = 'Vul een geldig emailadres in aub';
					$('email').setStyle('background-color', '#e6b3b3');
					$('email').setStyle('border', '1px solid #bd4444');
				}
			}
			
			if( !allPassed )
				alert(  newMsg  );
	
			return allPassed;

		}
		
		function validateEmail(email) {
			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
			if(reg.test(email) == false) {
				return false;
			}
			else
				return true;
			}

	});