/**
* wrapper functie om getExtraWidth en getExtraHeight
*/
function getExtraSpace(){
  getExtraWidth();
  getExtraHeight();
}

/**
* Deze functie berekent hoeveel ruimte er nog is om de blauwe top-balk over de volle breedte van het scherm
* uit te rekken. De functie gaat uit van een verticale scrollbar van 25 pixels.
* Dit houdt geen rekening met een browser die niet "gemaximaliseerd" is, in dat geval verschijnt er toch een
* horizontale scroll-bar onderin het scherm
* Pas als het laatste element op het scherm staat mag deze functie afgaan.
* vandaar dat ie pas erg laat aangeroepen wordt
*/
function getExtraWidth(){
  // hoe breed is het window op het clientscherm?
  width = getWindowWidth();
  breedteScrollbar = 25;
  extra = width - 907 - breedteScrollbar;
  // de top-bar moet net zo breed worden als er nog plaats over is
  // (dat doet de if-statement) om over de volle breedte te passen.
  vullerTopElem = document.getElementById("extra_top")
  if(extra>0){
    vullerTopElem.width = extra;
  } else {
    vullerTopElem.width = 0;
  }
}

/**
* Zelfde functie als hierboven voor de hoogte-opvulling in de linker marge
* Pas als het laatste element op het scherm staat mag deze functie afgaan.
* vandaar dat ie pas erg laat aangeroepen wordt
*/
function getExtraHeight(){
  // hoe hoog is het window op het clientscherm?
  hoogte = getWindowHeight();
  extraHoogte = hoogte - 432;
  // het left-menu moet net zo hoog worden als er nog plaats over is
  // (dat doet de if-statement) om over de volle hoogte te passen.
  vullerLeftElem  = document.getElementById("extra_left");
  lijnElem        = document.getElementById("lijn_menu");
  appelElem       = document.getElementById("appel");
  appelTextElem   = document.getElementById("appel_text");
  if(extraHoogte>0){
    vullerLeftElem.height = extraHoogte;
    lijnElem.height = 289+extraHoogte;
    // het appaltje moet al wat eerder ophouden met schuiven
    if(extraHoogte>220){
      appelElem.style.top = extraHoogte + 200;
      appelTextElem.style.top = extraHoogte + 355;
    } else {
      appelElem.style.top = 220 + 200;
      appelTextElem.style.top = 220 + 355;
    }

  } else {
    vullerLeftElem.height = 0;
  }
}

/**
* helperfunctie die onafhankelijk van de browser de huidige windowbreedte retourneert
* FIXME: als er geen "bekende" browser wordt gevonden??? met jQuery oplossen
*/
function getWindowWidth(){
	if (parseInt(navigator.appVersion)>3) {
		if (navigator.appName=="Netscape") {
			winW = window.innerWidth;
		}
		if ((navigator.appName.indexOf("Microsoft")!=-1) || (navigator.appName.indexOf("Opera")!=-1)){
			winW = document.body.offsetWidth;
		}
	}  
  return winW;
}
/**
* helperfunctie die onafhankelijk van de browser de huidige windowhoogte retourneert
* FIXME: als er geen "bekende" browser wordt gevonden??? met jQuery oplossen
*/
function getWindowHeight(){
	if (parseInt(navigator.appVersion)>3) {
		if (navigator.appName=="Netscape") {
			winH = window.innerHeight;
		}
		//   if (navigator.appName.indexOf("Microsoft")!=-1) {
		if ((navigator.appName.indexOf("Microsoft")!=-1) || (navigator.appName.indexOf("Opera")!=-1)){
			winH = document.body.offsetHeight;
		}
	}
	return winH;
}