var MAXLINELENGTH= 70; // dwz 50em voor het inhoud-deel
var MINLINELENGTH= 30; // er moet nog wel iets overblijven...

function setInhoud(sH1){
  document.getElementById('inhoud').innerHTML= '<h1>'+sH1+'</h1>';
}

function resized(){
  var iTop1= getTop(document.getElementById('img-lo-top'));
  var divOnder= document.getElementById('onder');
  // laat het onderpaneel verdwijnen als het menu eronder komt
  if (getTop(divOnder) < iTop1){
    divOnder.style.visibility= "hidden";
  } else{
    divOnder.style.visibility= "visible";
  }
  // corrigeer de hoogte van de middenpanelen
  document.getElementById('midden-links').style.height= getTop(divOnder) 
      - getTop(document.getElementById('midden-links')); 
  // doe de afbeelding met dansende kinderen alleen als er plaats voor is
  var imgLo= document.getElementById('img-lo');
  var iTop2= getTop(divOnder) - imgLo.height; 
  if (iTop1 > iTop2){
    imgLo.style.visibility= "hidden";
  } else{
    imgLo.style.visibility= "visible";
    imgLo.style.top= iTop2;
  }
  document.getElementById('midden-rechts').style.height= getTop(divOnder) 
      - getTop(document.getElementById('midden-rechts'));
  // omdat IE max-width niet ondersteunt, de volgende rimram
  // om het inhoud-deel van de pagina een minimale en een
  // maximale breedte te geven (mits daar ruimte voor is)  
  var fontwidth= getFontSize();
  var iDesWidth= MAXLINELENGTH * fontwidth;
  var iMaxWidth= document.body.clientWidth 
      - document.getElementById('midden-rechts').offsetLeft;
  if (iMaxWidth < iDesWidth){
    iDesWidth= iMaxWidth;
  }
  if (iDesWidth < MINLINELENGTH * fontwidth){
    iDesWidth= MINLINELENGTH * fontwidth
  }
  document.getElementById('midden-rechts').style.width= iDesWidth;
  // plaats nu het logo (en de slogan) zo ver naar rechts dat het logo hooguit
  // voor de helft uitsteekt rechts naast het tekstblok
  var iLogoW= document.getElementById('boven-rechts').offsetWidth;
  var iRMarg= document.body.clientWidth - iDesWidth
      - document.getElementById('midden-rechts').offsetLeft;
  if (iRMarg > iLogoW / 2){
    document.getElementById('boven-rechts').style.right= iRMarg - iLogoW / 2;
    document.getElementById('onder-rechts').style.right= iRMarg - iLogoW / 2;
  } else{
    document.getElementById('boven-rechts').style.right= 0;
    document.getElementById('onder-rechts').style.right= 0;
  }
}

function getTop(obj){
  var curtop = 0;
  if (obj.offsetParent) {
    while (1) {
    curtop+=obj.offsetTop;
    if (!obj.offsetParent) {
      break;
    }
    obj=obj.offsetParent;
    }
  } else if (obj.y) {
    curtop+=obj.y;
  }
  return curtop;
}

/**
 *  debug-functie die een gegeven tekst afbeeldt in de slogan
 */
function echo(s){
  document.getElementById('slogan').innerHTML= s;
}

var iClientWidth= 0;
var iClientHeight= 0;
function checkResized(){
  if (document.body.clientWidth != iClientWidth
      || document.body.clientHeight != iClientHeight){
    iClientWidth=  document.body.clientWidth;
    iClientHeight= document.body.clientHeight;   
    resized();
  }  
}

var timerID= self.setTimeout("checkResized()", 1);

function getFontSize(){
  // return document.getElementById("M").offsetWidth;
  return 11;
}