window.addEvent('domready', function() {

$('send2friendform').addEvent('submit', function(e) {
e.stop();
var div = document.getElementById("error");
if(div != null){
   div.parentNode.removeChild(div);				
	}
var div2 = document.getElementById("error");
if(div2 != null){
   div2.parentNode.removeChild(div2);				
	}
var div3 = document.getElementById("error");
if(div3 != null){
   div3.parentNode.removeChild(div3);				
	}
var log = $('log_res').empty();
log.removeClass('borderbedankt');
this.set('send', {onRequest: function(){
$('loading').addClass('ajax-loading');

},
     onComplete: function(response) {
  
     var status = JSON.decode(response);
	 var forminput = $$('#send2friendform');
	 var div  = new Element('div', {id: 'error'});
	 var errnaam  = new Element('p', {id: 'error_naam'});
	 var div2  = new Element('div', {id: 'error'});
	 var erremail  = new Element('p', {id: 'error_naam'});
	 var div3  = new Element('div', {id: 'error'});
	 var errzender = new Element('p', {id: 'error_naam'});
	 var validnaam = forminput.getElement('input.validnaam');
	 var validemail = forminput.getElement('input.validemail');
	 var validzendernaam = forminput.getElement('input.validzendernaam');
	$('loading').removeClass('ajax-loading');
    validnaam.removeClass('errorborder');
    validemail.removeClass('errorborder');
	validzendernaam.removeClass('errorborder');


$each(status, function(el,key)
      {


forminput.getElement('label.naam').adopt(div),	
errnaam.inject(div);
forminput.getElement('label.email').adopt(div2),	
erremail.inject(div2);
forminput.getElement('label.zendernaam').adopt(div3),	
errzender.inject(div3);



if (!el.verplicht) {	
switch(key) {

		case "naam":
		errnaam.set('html',el.alpha),
		validnaam.addClass('errorborder');
		break;
		case "email":
		erremail.set('html',el.valid),
		validemail.addClass('errorborder');
		break;
		case "zendernaam":
		errzender.set('html',el.alpha),
		validzendernaam.addClass('errorborder');		
		break;
		case "message":
		if(el.versturen.bedankt){
		log.set('html',el.versturen.bedankt),
		log.addClass('borderbedankt');
		}if (el.versturen.fout){
		log.set('html',el.versturen.fout);		
		}
		break;

}


}else

switch(key) {

		case "naam":
		errnaam.set('html',el.verplicht + '<br />' + el.alpha),
		validnaam.addClass('errorborder');
		break;
		case "email":
		erremail.set('html',el.verplicht + '<br />' + el.valid),
		validemail.addClass('errorborder');
		break;
		case "zendernaam":
		errzender.set('html',el.verplicht + '<br />' + el.alpha),
		validzendernaam.addClass('errorborder');
		break;


	}});



		}});
			this.send();
	});
});
