var wwidth=0
var wheight=0
window.onload = function() { 
	setSize();
	nav = document.getElementById('navigatie');
	aantal = 0;
	for(i = 0; nav.getElementsByTagName('div').length > i; i++) {
		if(nav.getElementsByTagName('div')[i].className == 'navknop') {
			aantal++;
		}
	}
	i = 0;
	teller = 0;
	while(nav.getElementsByTagName('div')[i]) {
		if(nav.getElementsByTagName('div')[i].className == 'navknop') {
			nav.getElementsByTagName('div')[i].style.width = (800 / aantal) + 'px';
			nav.getElementsByTagName('div')[i].style.position = 'absolute';
			nav.getElementsByTagName('div')[i].style.zIndex = 10;
			nav.getElementsByTagName('div')[i].style.left = ((800 / aantal) * teller) + 'px';
			teller++;
		}
		i++;
	}
}

function setSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else {
    if( document.documentElement &&
        ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
      //IE 6+ in 'standards compliant mode'
      myWidth = document.documentElement.clientWidth;
      myHeight = document.documentElement.clientHeight;
    } else {
      if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
      }
    }
  }
  wwidth=myWidth;
  wheight=myHeight;
  document.getElementById("luchtpic1").style.width=wwidth + 'px';
  document.getElementById("luchtpic1").style.height='343px';
  document.getElementById("lucht1").style.left='0px';
  document.getElementById("lucht2").style.left=wwidth + 'px';
  document.getElementById("luchtpic2").style.width=wwidth + 'px';
  document.getElementById("luchtpic2").style.height='343px';
}

document.onload = function() {
	var l = document.getElementById("lucht1").style.left;
	document.getElementById("lucht2").style.left=parseInt(l.substr(0,l.length-2))+wwidth + 'px';
}

function moveSky()
{
	l = document.getElementById("lucht1").style.left;
	document.getElementById("lucht1").style.left=parseInt(l.substr(0,l.length-2))-1 + 'px';
	l = document.getElementById("lucht2").style.left;
	if(parseInt(l.substr(0,l.length-2))-1) {
	document.getElementById("lucht2").style.left=parseInt(l.substr(0,l.length-2))-1 + 'px';
	}
	if(document.getElementById("lucht1").style.left=='-' + wwidth + 'px') 
	{
		document.getElementById("lucht1").style.left=wwidth + 'px'
	}
	if(document.getElementById("lucht2").style.left=='-' + wwidth + 'px') 
	{
		document.getElementById("lucht2").style.left=wwidth + 'px';
	}
	setTimeout('moveSky();',100);
}
function validateMail() {
	e = false;
	for(i = 0; i < 12; i++) {
		y = document.forms['reservering'].getElementsByTagName('input')[i];
		if(y.value.length == 0) {
			y.style.background = '#FF0000';
			y.style.color = '#FFFFFF';
			e = true;
		}
		else {
			y.removeAttribute('style');
		}
	}
	x = document.forms['reservering']['Email'];
	var atpos=x.value.indexOf("@");
	var dotpos=x.value.lastIndexOf(".");
	if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.value.length) {
		x.style.background = '#FF0000';
		x.style.color = '#FFFFFF';
		x.focus();
	}
	else if(e == true) {
		x.removeAttribute('style');
	}
	else if(e == false) {
		document.forms['reservering'].submit();
	}
}