window.addEvent('domready', function()
{
	var baseURL = "http://www.deloft.be/";
	
	function clearForm()
	{
		$('voornaam').value = "";
		$('achternaam').value = "";
		$('adres').value = "";
		$('postcode').value = "";
		$('telefoon').value = "";
		$('email').value = "";
		$('plaats').value = "";
		$('land').value = "";
		//$('te_spenderen_bedrag').value = "";
		$('reactie').value = "";
	}
	


	$('email').addEvent('focus', function(){
		$("email").setStyle('border-color','#DDDDDD');
	});
	
	$('achternaam').addEvent('focus', function(){
		$("achternaam").setStyle('border-color','#DDDDDD');
	});
	
	$('telefoon').addEvent('focus', function(){
		$("telefoon").setStyle('border-color','#DDDDDD');
	});
	
	$('reactie').addEvent('focus', function(){
		$("reactie").setStyle('border-color','#DDDDDD');
	});

	
	
	String.prototype.isEmail = function()
	{
		if(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(this))
 			return true;
		return false;
	}

	String.prototype.isEmpty = function()
	{
		if(this.length == 0)
			return true;
		return false;
	}

	$('thx').setStyle('opacity',0);
	$('thx').setStyle('height',0);
	$("thx").setStyle('display','none');
	var thxEffect = new Fx.Styles('thx', {duration: 1000, transition: Fx.Transitions.linear});
	var heightEffect = new Fx.Styles('thx', {duration:2000, transition:Fx.Transitions.linear});
	//var thxEffect = new Fx.Styles('thx', {duration: 1000, transition: Fx.Transitions.linear});
	/*var verstuurEffect = new Fx.Styles('verstuur', {duration: 1000, transition: Fx.Transitions.linear});
	var formEffect = new Fx.Styles('contactform', {duration: 500, transition: Fx.Transitions.linear});*/
	
	
		
	$('verzend').addEvent("click", function(event)
	{
		event = new Event(event).stop();
				
		//clearForm();
		
		var isValidName = false;
		var isValidEmail = false;
		var isValidTelefoon = false;
		var isValidBericht = false;
		
		
		if($('achternaam').value.isEmpty())
		{
			$("achternaam").setStyle('border-color','#0ce0ff');			
			isValidName = false;
		}
		else
		{
			$("achternaam").setStyle('border-color','#DDDDDD');
			isValidName = true;
		}
		
		if($('email').value.isEmail()==false)
		{
			$("email").setStyle('border-color','#0ce0ff');
			isValidEmail = false;
		}
		else
		{
			$("email").setStyle('border-color','#DDDDDD');
			isValidEmail = true;
		}
		
		
		if($('telefoon').value.isEmpty())
		{
			$("telefoon").setStyle('border-color','#0ce0ff');
			isValidTelefoon = false;
		}
		else
		{
			$("telefoon").setStyle('border-color','#DDDDDD');
			isValidTelefoon = true;
		}
		
		if($('reactie').value.isEmpty())
		{
			$("reactie").setStyle('border-color','#0ce0ff');
			isValidBericht = false;
		}
		else
		{
			$("reactie").setStyle('border-color','#DDDDDD');
			isValidBericht = true;
		}
		
		if (isValidName == true && isValidEmail == true && isValidTelefoon == true)
		{
						
			new Ajax(baseURL+'php/mail.php',{
		
				postBody:$('contactform').toQueryString(),
				onRequest: function(){
				},
				onFailure: function(response){
				},
				onComplete: function(response) {
					clearForm();

						
				/*	formEffect.start({
					    'opacity': [0]
					});*/
		
						$("thx").setStyle('display','block');
					thxEffect.start({
					    'opacity': [1]
					});
					heightEffect.start({
					    'height': [90]
					});
				
					/*verstuurEffect.start({
					    'opacity': [0]
					});*/
					
					
				},
				evalScripts: true
		
			}).request();
		}
	
	});
	

});