function Navigate(elbutton, paneid) {
	$('div.pane').hide();	
	$('#'+paneid).fadeIn();
	
	$('a.navigation-active').attr('class','');
	elbutton.className = 'navigation-active';
	
	if(paneid == 'pane4') {
		$('#contact-naam')[0].className = '';
		$('#invalid-naam').hide();
		$('#contact-email')[0].className = '';
		$('#invalid-email').hide();
		$('#contact-onderwerp')[0].className = '';
		$('#invalid-onderwerp').hide();
		$('#contact-bericht')[0].className = '';
		$('#invalid-bericht').hide();
	}
}

function SendContactForm() {		
	$('#contact-naam')[0].className = '';
	$('#invalid-naam').hide();
	$('#contact-email')[0].className = '';
	$('#invalid-email').hide();
	$('#contact-onderwerp')[0].className = '';
	$('#invalid-onderwerp').hide();
	$('#contact-bericht')[0].className = '';
	$('#invalid-bericht').hide();
	
	var valide = true;
	
	if(!ValidateField($('#contact-naam')[0].value)) {
		$('#contact-naam')[0].className = 'invalid';
		$('#invalid-naam').show();
		$('#contact-naam')[0].focus();
		valide = false;
	}
	
	if(!ValidateEmail($('#contact-email')[0].value)) {
		$('#contact-email')[0].className = 'invalid';
		$('#invalid-email').show();
		$('#contact-email')[0].focus();
		valide = false;
	}
	
	if(!ValidateField($('#contact-onderwerp')[0].value)) {
		$('#contact-onderwerp')[0].className = 'invalid';
		$('#invalid-onderwerp').show();
		$('#contact-onderwerp')[0].focus();
		valide = false;
	}
	
	if(!ValidateField($('#contact-bericht')[0].value)) {
		$('#contact-bericht')[0].className = 'invalid';
		$('#invalid-bericht').show();
		$('#contact-bericht')[0].focus();
		valide = false;
	}
	
	if(valide) SendEmail();	
}

function SendEmail() {
	var url = 'http://www.keijenborglogistiek.nl/email_send.php';
	url += '?onderwerp=' + $('#contact-onderwerp')[0].value;
	url += '&naam=' + $('#contact-naam')[0].value;
	url += '&email=' + $('#contact-email')[0].value;
	url += '&bericht=' + escape($('#contact-bericht')[0].value);
  var xmlHttp;
  try {
    xmlHttp = new XMLHttpRequest();
  } catch (e) {
    try {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {
        return false;
      }
    }
  }  
  xmlHttp.onreadystatechange = function() {
    if(xmlHttp.readyState == 4) {
      if (xmlHttp.status == 200) {
        alert(xmlHttp.responseText);
      }
    }
  }  
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);       
}

function ValidateField(value) {
	return (value.length > 0) ? true : false;
}

function ValidateEmail(email) {
	var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	return (filter.test(email));
}