window.addEvent('domready', function()
{
	var baseURL = "http://www.figure8.be/";
	
	function clearForm()
	{
		$('name').value = "";
		$('email').value = "";
		$('question').value = "";
	}
	
	
	$('name').addEvent('focus', function(){
		$('name').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
		$("name").setStyle('background-position','0 0');
	});
	
	$('email').addEvent('focus', function(){
		$('email').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
		$("email").setStyle('background-position','0 -19px');
	});
	
	$('question').addEvent('focus', function(){
		$('question').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
		$("question").setStyle('background-position','0 -38px');
	});
	
	
	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);
	
	var formEffect = new Fx.Styles('form', {duration: 500, transition: Fx.Transitions.linear});
	var thxEffect = new Fx.Styles('thx', {duration: 1000, transition: Fx.Transitions.linear});

	$('name').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
	$("name").setStyle('background-position','0 0');
	
	$('email').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
	$("email").setStyle('background-position','0 -19px');
	
	$('question').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
	$("question").setStyle('background-position','0 -38px');
	
		
	$('form').addEvent("submit", function(event)
	{
		event = new Event(event).stop();
		
		var isValidName = false;
		var isValidEmail = false;
		var isValidQuestion= false;
		
		if($('name').value.isEmpty())
		{
			$('name').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
			$("name").setStyle('background-position','-270px 0');
			isValidName = false;
		}
		else
		{
			isValidName = true;
			$('name').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
			$("name").setStyle('background-position','0 0');
		}
		
		if($('email').value.isEmail()==false)
		{
			$('email').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
			$("email").setStyle('background-position','-270px -19px');
			isValidEmail = false;
		}
		else
		{
			isValidEmail = true;
			$('email').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
			$("email").setStyle('background-position','0 -19px');
		}
		
		if($('question').value.isEmpty())
		{
			$('question').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
			$("question").setStyle('background-position','-270px -38px');
			isValidQuestion = false;
		}
		else
		{
			isValidQuestion = true;
			$('question').style.backgroundImage='url('+baseURL+'css/assets/contact_input.png)';
			$("question").setStyle('background-position','0 -38px');
		}
		
		if (isValidName == true && isValidEmail == true && isValidQuestion == true)
		{
			
			new Ajax(baseURL+'php/contactform.php',{
		
				postBody:$('form').toQueryString(),
				onRequest: function(){
				},
				onFailure: function(response){
				},
				onComplete: function(response) {
					
					clearForm();
					
					formEffect.start({
					    'opacity': [0]
					});
					
					thxEffect.start({
					    'opacity': [1]
					});
					
				},
				evalScripts: true
		
			}).request();
		}
		
	});

});