var inhoud;
var menurechts;
var menulinks;
keuslaag = new Array();	
var keus0;
var keus1;
var keus2;
var keus3;
var keus4;
var keus5;
var keus6;
var huidigmenu;
var huidigepagina = 0;
volgorde = new Array (0,1,2,3,4,5,6);

function start() {
	if (window.innerWidth) {
  		var beschikBreedte = window.innerWidth;
  		var beschikHoogte = window.innerHeight;
	}
	if (document.body.clientHeight) {
  		var beschikBreedte = document.body.clientWidth;
		var beschikHoogte = document.body.clientHeight;
	}
	inhoud = new laagObject("inhoud");
	menurechts = new laagObject("menurechts");
	menulinks = new laagObject("menulinks");
	keus0 = new laagObject("keus0");
	keus1 = new laagObject("keus1");
	keus2 = new laagObject("keus2");
	keus3 = new laagObject("keus3");
	keus4 = new laagObject("keus4");
	keus5 = new laagObject("keus5");
	keus6 = new laagObject("keus6");
   	inhoud.plaats(280,0);
   	inhoud.grootte(beschikBreedte-310,beschikHoogte);
	menurechts.plaats(200,(beschikHoogte/2)-175);
	menulinks.plaats(0,(beschikHoogte/2)-50);
	resetMenurechts();	
	menulinks.plaatsinhoud(1,"start.php");
	inhoud.plaatsinhoud(2,"start.php");
	keus3.plaatsinhoud("3&welke=0", "start.php");
	keus4.plaatsinhoud("3&welke=1", "start.php");
	keus5.plaatsinhoud("3&welke=2", "start.php");
	keus6.plaatsinhoud("3&welke=3", "start.php");
	laadvar("huidigmenu","sectie.php");
}

function laagObject(id) {
	this.kenmerk = document.getElementById(id)
	this.stijl = this.kenmerk.style;
	this.x = this.stijl.left;
	this.y = this.stijl.top;
	this.plaats = laagPlaats;
	this.grootte = laagGrootte;
	this.verschuif = laagVerschuif;
	this.schuifnaar = laagSchuifnaar;
	this.obj = id ;
	eval(this.obj + "=this");
	this.positie = null;
	this.pagina = null;	
	this.checkpositie = checkpos;
	this.laatsteCheck = finalCheck;
	this.plaatsinhoud = laadinhoud;
	this.laag = id.charAt(id.length-1);
}

function resetMenurechts() {
	keus0.plaats(0, -70);
	keus1.plaats(0, 0);
	keus2.plaats(0, 70);
	keus3.plaats(0, 140);
	keus4.plaats(0, 210);
	keus5.plaats(0, 280);
	keus6.plaats(0, 350);
	huidigepagina = 0;
	keus0.pagina = null;
	keus1.pagina = null;
	keus2.pagina = null;
	keus3.pagina = 0;
	keus4.pagina = 1;
	keus5.pagina = 2;
	keus6.pagina = 3;
	for (var i=0; i<7; i++) {
	volgorde[i] = i;
	}	
	verdeelPosities();
}

function verdeelPosities() {
	keus0.positie = volgorde[0];
	keus1.positie = volgorde[1];
	keus2.positie = volgorde[2];
	keus3.positie = volgorde[3];
	keus4.positie = volgorde[4];
	keus5.positie = volgorde[5];
	keus6.positie = volgorde[6];
}
	
function laagPlaats(x,y) {
	this.stijl.left = x;
	this.stijl.top = y;
}

function laagGrootte(b,h) {
	this.stijl.width = b + "px";
	this.stijl.height = h + "px";
}

function laagVerschuif(hoeveel) {
verschil = hoeveel/70;
this.y = parseInt(this.stijl.top);
this.eindy = hoeveel + this.y;
this.schuifnaar(this.eindy);
}

function laagSchuifnaar(eindy) {
this.y = parseInt(this.stijl.top);
this.verschil = eindy - this.y;
	if (this.verschil !=0) {
		this.richting = this.verschil/Math.abs(this.verschil);
		this.y += this.richting*14;
		this.x = parseInt(this.stijl.left);
		this.plaats(this.x,this.y);
		this.y = parseInt(this.y);
		this.schuifklok = setTimeout(this.obj+".schuifnaar("+eindy+")",80);
	}
	if (this.verschil==0) {
		this.laatsteCheck();
	} 
}

function finalCheck() {
	this.finaly = (70*this.positie)-70;
	this.plaats(this.stijl.left,this.finaly);
	if (this.positie==0) {
		this.pagina = huidigepagina - 3;
		if (this.pagina>-1) {
			var para = huidigmenu + "&welke=" + this.pagina + "&laag=" + this.laag;
			this.plaatsinhoud(para,"menurechts.php");
		}
		else {
			this.kenmerk.innerHTML="";
		}
	}
	if (this.positie==6) {
		this.pagina = huidigepagina + 3;
		var para = huidigmenu + "&welke=" + this.pagina + "&laag=" + this.laag;
		this.plaatsinhoud(para,"menurechts.php");	
	}
}

function laadmenu(menu) {
resetMenurechts();
huidigmenu = menu;
inhoud.plaatsinhoud(menu,'menuinhoud.php');
keus3.plaatsinhoud(menu + "&welke=0&laag=3", "menurechts.php");
keus4.plaatsinhoud(menu + "&welke=1&laag=4", "menurechts.php");
keus5.plaatsinhoud(menu + "&welke=2&laag=5", "menurechts.php");
keus6.plaatsinhoud(menu + "&welke=3&laag=6", "menurechts.php");
}

function checkpos (verschil) {
	if (this.positie == 0 && verschil<0) {
		this.pagina = huidigepagina - verschil;
		var para = huidigmenu + "&welke=" + this.pagina + "&laag=" + this.laag;
		this.plaatsinhoud(para,"menurechts.php");
		this.plaats(0,420);
	}
	if (this.positie == 6 && verschil>0) {
		this.pagina = huidigepagina - verschil;
		if (this.pagina>-1) {
			var para = huidigmenu + "&welke=" + this.pagina + "&laag=" + this.laag;
			this.plaatsinhoud(para,"menurechts.php");
		}
		else {
			this.kenmerk.innerHTML="";
		}
		this.plaats(0,-140);
	}
}

function laadpagina(id,keus) {
var verschil = 3 - volgorde[keus];
huidigepagina = huidigepagina - verschil;
var deltaY = 70*verschil;
keus0.checkpositie(verschil);
keus1.checkpositie(verschil);
keus2.checkpositie(verschil);
keus3.checkpositie(verschil);
keus4.checkpositie(verschil);
keus5.checkpositie(verschil);
keus6.checkpositie(verschil);
rotate(volgorde, -verschil);
verdeelPosities();
keus0.verschuif(deltaY);
keus1.verschuif(deltaY);
keus2.verschuif(deltaY);
keus3.verschuif(deltaY);
keus4.verschuif(deltaY);
keus5.verschuif(deltaY);
keus6.verschuif(deltaY);
inhoud.plaatsinhoud(id,'haalinhoud.php');
}

function laadinhoud (keuze, script) {
		this.kenmerk.innerHTML="<center>gegevens worden opgehaald....</center>";
var xmlHttp;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }
	var laag = this.obj;
    xmlHttp.onreadystatechange= function() {
      if(xmlHttp.readyState==4)
        {	
			document.getElementById(laag).innerHTML=xmlHttp.responseText;
        }
      }
	  var url=script;
	  url=url + "?id=" + keuze;
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
}
 //+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/array/rotate [v1.1]

function rotate(a, p){
    for(var l = a.length, p = (Math.abs(p) >= l && (p %= l), p < 0 && (p += l), p), i, x; p; p = (Math.ceil(l / p) - 1) * p - l + (l = p))
        for(i = l; i > p; x = a[--i], a[i] = a[i - p], a[i - p] = x);
    return a;
};
function laadvar (variabele,script) {
var xmlHttp;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }
    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
			window[variabele]=xmlHttp.responseText;
        }
      }
	  var url=script;
	xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
}

