<!--

function random_imghead(){
  var headerimage=new Array()
  //Headerplaatjes
  headerimage[1]="/_images/header1.gif"
  headerimage[2]="/_images/header2.gif"
  headerimage[3]="/_images/header3.gif"
  headerimage[4]="/_images/header4.gif"
  headerimage[5]="/_images/header5.gif"
  headerimage[6]="/_images/header6.gif"
  headerimage[7]="/_images/header.gif"

  //Linkerkolom
  var kolomlinksimage=new Array()
  kolomlinksimage[1]="/_images/kolomlinks1.gif"
  kolomlinksimage[2]="/_images/kolomlinks2.gif"
  kolomlinksimage[3]="/_images/kolomlinks3.gif"
  kolomlinksimage[4]="/_images/kolomlinks4.gif"
  kolomlinksimage[5]="/_images/kolomlinks5.gif"
  kolomlinksimage[6]="/_images/kolomlinks6.gif"
  kolomlinksimage[7]="/_images/kolomlinks.gif"


  var ry=Math.floor(Math.random()*headerimage.length)

  if (ry==0)
     ry=1
     document.write("<style>#header {background-image: url('"+headerimage[ry]+"');}</style>");
	 document.write("<style>#main {background-image: url('"+kolomlinksimage[ry]+"');}</style>");
	 }

  random_imghead()


//-------------------------------------------------------------------------------------------//

var image = null;

function ShowFoto(image)
{
  var divwidth    = 600;
  var divheight   = 470;
  var width       = document.body.clientWidth;
  var height      = document.body.clientHeight + document.body.scrollTop;
  var marginleft  = (width - divwidth) / 2;
  var margintop   = (height - divheight) /2;
  var bodywidth	  = document.body.scrollWidth;
  var bodyheight  = document.body.scrollHeight;

  document.getElementById("a_overlay").style.width  = bodywidth;
  if (height > bodyheight)
  {
    document.getElementById("a_overlay").style.height = height;
  }
  else document.getElementById("a_overlay").style.height = bodyheight;

  document.getElementById("showfoto").style.width  = divwidth;
  document.getElementById("showfoto").style.height = divheight;
  document.getElementById("showfoto").style.top    = margintop + (document.body.scrollTop / 2);
  document.getElementById("showfoto").style.left   = marginleft;
  
  var inner = "<img src=\ "+image+"\ onclick=\"HideFoto();\" /><br /><span class=\"sluitfoto\">Klik op de foto om deze af te sluiten</span>"

  document.getElementById("showfoto").innerHTML = inner;
  
  document.getElementById("showfoto").style.display  = "block";
  document.getElementById("a_overlay").style.display  = "block";
}

function HideFoto()
{
  document.getElementById("showfoto").style.display  = "none";
  document.getElementById("a_overlay").style.display  = "none";
}



//-->
