if (document.images)
  {
    i0=new Image;  i0.src='images/Layout_12_hl.gif';
    i1=new Image;  i1.src='images/Layout_14_hl.gif';
    i2=new Image;  i2.src='images/Layout_16_hl.gif';
    i3=new Image;  i3.src='images/Layout_18_hl.gif';
    i4=new Image;  i4.src='images/Layout_20_hl.gif';
    i5=new Image;  i5.src='images/Layout_22_hl.gif';
    i6=new Image;  i6.src='images/Layout_24_hl.gif';
  }

var doConfirm = false;
var canSkip = false;

var imgObjs = new Array(pics.length);
var loaded = 0;
var total = pics.length;
var cPercent = 0;

var barLayer = null;
var percentLayer = null;
var statLayer = null;
var doneMsgLayer = null;

function getLayer(layerID)
  {
    if (document.getElementById)
      return document.getElementById(layerID);
    else if (document.all)
      return document.all[layerID];
    else
      return null;
  }

function updateBar()
  {
    //statLayer.innerHTML = "" +loaded+ "/" +total+ "";
    var percent = Math.round(loaded/total * 100);
    if (cPercent != percent)
      {
        cPercent = percent;
        percentLayer.innerHTML = "Afbeeldingen worden geladen.. (" +cPercent+ "%)";
      }
    if (loaded == total)
      {
        done();
      }
  }

function startLoading()
  {
    if (document.getElementById || document.all)
      {
        //barLayer = getLayer("bar");
        percentLayer = getLayer("percent");
        //statLayer = getLayer("stat");
        doneMsgLayer = getLayer("doneMsg");
        if (canSkip)
          doneMsgLayer.innerHTML = "<a href=\"javascript:done()\"><font color=\"#FFCC00\" size=\"2\" face=\"Arial\">Het laden overslaan</font></a>";
        for (i=0; i<pics.length; i++)
          {
            imgObjs[i] = new Image();
            imgObjs[i].onload = imgLoaded;
            imgObjs[i].onerror = imgFailed;
            imgObjs[i].src = pics[i];
          }
      }
    else
      {
        done();
      }
  }

function done()
  {
    pageOpen('pagina')
  }

function imgFailed()
  {
    alert("De afbeelding die geladen moest worden werkt niet, waarschijnlijk een gebroken link:\n" +this.src+ "\nNeem aub contact op met de webmaster van deze site.  Het programma slaat deze afbeelding nu over.");
    loaded++;
    updateBar();
}

function imgLoaded()
  {
    loaded++;
    if (loaded>pics.length)
      return
    updateBar();
  }

window.onload=startLoading

function pageOpen(divId)
  {
    for (var i = 0; i < pageArray.length; i++)
      {
        //document.getElementById(pageArray[i]+"_title").className = (pageArray[i] == divId) ? "contact-on" : "contact-off";
        document.getElementById(pageArray[i]).className = (pageArray[i] == divId) ? "display-on" : "display-off";
      }
  }
if (window!= top)
  {
    top.location.href=location.href;
  }
function tabOpen(divId)
  {
    for (var i = 0; i < tabArray.length; i++)
      {
        document.getElementById(tabArray[i]+"_title").className = (tabArray[i] == divId) ? "tab-on" : "tab-off";
        document.getElementById(tabArray[i]).className = (tabArray[i] == divId) ? "display-on" : "display-off";
      }
  }
function sportenOpen(divId)
  {
    for (var i = 0; i < sportenArray.length; i++)
      {
        document.getElementById(sportenArray[i]+"_title").className = (sportenArray[i] == divId) ? "sporten-on" : "sporten-off";
        document.getElementById(sportenArray[i]).className = (sportenArray[i] == divId) ? "display-on" : "display-off";
      }
  }