window.addEvent('domready', function()
{
	var baseURL = "http://www.deloft.be/";
	
	function clearForm()
	{
		$('naam').value = "";
		$('reactie').value = "";		
	}
	
	var mySlide = new Fx.Slide('formHolder');
	mySlide.hide();
	
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		e.stop();
	});
	
	$('naam').addEvent('focus', function(){
		$("naam").setStyle('border-color','#DDDDDD');
	});
	
	$('reactie').addEvent('focus', function(){
		$("reactie").setStyle('border-color','#DDDDDD');
	});
	
	String.prototype.isEmpty = function()
	{
		if(this.length == 0)
			return true;
		return false;
	}
	
	$("thx").setStyle('display','none');
	
	$('verzend').addEvent("click", function(event)
	{
		event = new Event(event).stop();
		
			var isValidName = false;
			var isValidBericht = false;
			
			if($('naam').value.isEmpty())
			{
				$("naam").setStyle('border-color','#0ce0ff');			
				isValidName = false;
			}
			else
			{
				$("naam").setStyle('border-color','#DDDDDD');
				isValidName = true;
			}
			
			if($('reactie').value.isEmpty())
			{
				$("reactie").setStyle('border-color','#0ce0ff');
				isValidBericht = false;
			}
			else
			{
				$("reactie").setStyle('border-color','#DDDDDD');
				isValidBericht = true;
			}
			
			if (isValidName == true && isValidBericht== true)
			{
				
				
					new Ajax(baseURL+'index.php/gastenboek/insert',{

						postBody:$('form').toQueryString(),
						onRequest: function(){
						},
						onFailure: function(response){
						},
						onComplete: function(response) {
							clearForm();

								/*
							formEffect.start({
							    'opacity': [0]
							});

							thxEffect.start({
							    'opacity': [1]
							});


							verstuurEffect.start({
							    'opacity': [0]
							});
							*/
							
							
							$("zin").setStyle('display','none');
							$("thx").setStyle('display','block');
							
							mySlide.toggle();

						},
						evalScripts: true

					}).request();
				
				
			}
			
		
	});
	
	
});