///=============================================================================
//==========de variabelen die in de site worden gebruikt voor de grootte van diverse items ===
//==============================================
// de grootte van de div's, boven en onder vast, midden variabel, en het menu
//==============================================
var bovenhoogte = 80; // grootte kopdiv
var voethoogte = 15; // hoe groot is de voettekst
var bovenmarge = 20; // vrij van bovenkant scherm
var voetmarge = 40; //vrije ruimte onderkant scherm
var xMax = 0; // max scherm
var yMax = 0;

//=============================================
//resize na een verplaatsing
//=============================================
function Resize(){
size();
hoogte = yMax - bovenmarge - voetmarge; // inhoud div nieuwe hoogte
document.getElementById('content').style.height = hoogte;
centercontent();
hoogte = yMax - bovenhoogte - voethoogte - 2 - bovenmarge - voetmarge; // inhoud div nieuwe hoogte
document.getElementById('inhoud').style.height = hoogte;
}

//=============================================
// centreer de hoofd div ('de site')
//=============================================
function centercontent(){
with (document.getElementById('content')){
size();
if (xMax > 800){
a = (xMax - 800) / 2;
}
else{
a = 0;
}
style.left = a;
style.top = bovenmarge;
//style.width = 800;
style.visibility = 'visible';
}
}

//==============================================
// bepaal de window grootte
//==============================================

function size() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    xMax = window.innerWidth;
    yMax = window.innerHeight;
  } else if( document.documentElement &&
      ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    xMax = document.documentElement.clientWidth;
    yMax = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    xMax = document.body.clientWidth;
    yMax = document.body.clientHeight;
  }
}

//====================================