var DHTML = (document.getElementById || document.all); //geen Netscape 4
var vultekst=""; //tekst die in het te vullen gedeelte moet
var tmpstr;
var imgname;
var volgnr = 0;
var vorignr = 0;
var curnr = 0;
var aantal_pagina = 0;
var aantal_pics = 0;
var fotolijst = new Array();
var i = 0;
var pad = "";
var titel = "";
var titel_var = new Array();
var imgfolder = "";
var imgHeight = 1000;
var imgDispWidth;

//functions

function zet_pad(diepte)
{
  if ( diepte == null ) { diepte = 1; }
  for ( idx = 0; idx < diepte; idx++ )
  {
    pad += "../";
  }
}

function plaats_textpagina(thisnr)
{
  curnr = thisnr;
  vultekst = vul_textheader(curnr);
  document.getElementById('header').innerHTML = vultekst;

  tmpstr = "pagina" + curnr;
  vultekst = document.getElementById(tmpstr).innerHTML;
  document.getElementById('pagina').innerHTML = vultekst;
}

function plaats_fotopagina(thisnr)
{
  curnr = thisnr;
  nextnr = curnr + 1;
  prevnr = curnr - 1;

  if ( curnr == 1 ) { prevnr = aantal_pics; }
  if ( curnr == aantal_pics ) { nextnr = 1; }

  vultekst = vul_fotoheader(curnr);
  document.getElementById('header').innerHTML = vultekst;

  imgWidth = parseInt(breed[thisproj][thisnr]);
  divHeight = bepaal_divHoogte( imgWidth );

  var imgOverWidth = 0.50 * imgDispWidth * 0.99;
  var blokRight = 0.50 * imgDispWidth * 0.98;

  vultekst =
    "<div style='width: 100%; height: " + divHeight + "px;'>" +
    "  <div style='position: absolute; top: 0px; right: 0px; width: 100%; height: " + divHeight + "px;'>" +
    vul_foto(curnr) +
    "  </div>" +
    "  <div style='overflow: hidden; position: absolute; top: 0px; right: " + blokRight + "px; width: " + imgOverWidth + "px; height: " + divHeight + "px;'>" +
    "    <a href='javascript:plaats_fotopagina(" + prevnr + ")' onMouseDown=\"javascript:blockRightClick();\"><img border=0 src='" + pad + "images/spacer.gif' width=100% height=100% style='cursor: url(\"arr_left.cur\");'></a>" +
    "  </div>" +
    "  <div style='overflow: hidden; position: absolute; top: 0px; right: 2px; width: " + imgOverWidth + "px; height: " + divHeight + "px;'>" +
    "    <a href='javascript:plaats_fotopagina(" + nextnr + ")' onMouseDown=\"javascript:blockRightClick();\"><img border=0 src='" + pad + "images/spacer.gif' width=100% height=100% style='cursor: url(\"arr_right.cur\");'></a>" +
    "  </div>" +
    "</div>";

  document.getElementById('pagina').innerHTML = vultekst;
}

function blockRightClick() {
  var rightclick;
  var e = window.event;
  if (e.which) rightclick = (e.which == 3);
  else if (e.button) rightclick = (e.button == 2);
  if (rightclick) alert('Deze afbeelding is eigendom van Jonkman Klinkhamer');
}

function plaats_fotopagina_org(thisnr)
{
/*  vultekst = document.getElementById(tekstid).innerHTML; */

  curnr = thisnr;
  vultekst = vul_fotoheader(curnr);
  document.getElementById('header').innerHTML = vultekst;

  imgWidth = parseInt(breed[thisproj][thisnr]);
  divHeight = bepaal_divHoogte( imgWidth );

  vultekst =
    "<div style='width: 100%; height: " + divHeight + "px;'>" +
    vul_foto(curnr) +
    "</div>";

  document.getElementById('pagina').innerHTML = vultekst;
}

function bepaal_divHoogte( imgBreedte )
{
  windowSize();
  pagWidth = winWidth * 0.9 * 0.75;
  pagHeight = winHeight * 0.98 - 50;

  imgWidth = imgBreedte;
  if ( imgWidth * (pagHeight / imgHeight) < pagWidth )
  {
    divHeight = pagHeight - 10;
    imgDispWidth = imgWidth * (pagHeight / imgHeight);
  }
  else
  {
    divHeight = imgHeight * (pagWidth / imgWidth) - 10;
    imgDispWidth = pagWidth;
// alert( pagHeight + "  " + imgHeight + "  " + imgDispWidth );
  }
  return( divHeight );
}

function plaats_fotositemap(thisnr)
{
/*  vultekst = document.getElementById(tekstid).innerHTML; */

  curnr = thisnr;
  vultekst = vul_fotoheader(curnr);
  document.getElementById('header').innerHTML = vultekst;

  vultekst = vul_fotositemap(curnr);
  document.getElementById('pagina').innerHTML = vultekst;
}

function vul_textheader( nr )
{
  vorignr = nr - 1;
  volgnr = vorignr + 2;

  tmpstr = "";

  if ( aantal_pagina == 1 )
  {
    if ( titel == "" && titel_var[1] != null )
    {
      titel = titel_var[1];
    }

    tmpstr =
      "<font class=font_std>" +
      "<br>" +
      "<b>" + titel + "</b> &nbsp; " +
      "<br>&nbsp;" +
      "</font>";
    return ( tmpstr );
  }

  if ( titel_var[nr] != null )
  {
    titel = titel_var[nr];
  }

  if ( nr > 1 )
  {
    tmpstr +=
      "<a href='javascript:plaats_textpagina(" + vorignr + ")'><img border=0 src='" + pad + "images/pijltje-terug.gif' width=12 height=16></a>&nbsp; ";
  }
  else
  {
    tmpstr += 
      "<img border=0 src='" + pad + "images/spacer.gif' width=12 height=16>&nbsp; ";
  }

  if ( nr < aantal_pagina )
  {
    tmpstr +=
      "<a href='javascript:plaats_textpagina(" + volgnr + ")'><img border=0 src='" + pad + "images/pijltje-volgende.gif' width=12 height=16></a>";
  }
  else
  {
    tmpstr += 
      "<img border=0 src='" + pad + "images/spacer.gif' width=12 height=16>";
  }

  tmpstr +=
    "<font class=font_std>" +
    "<br>" +
    "<b>" + titel + " </b><small>[" + nr + "/" + aantal_pagina + "]</small>&nbsp;";
    "</font>";

  return( tmpstr );
}

function vul_fotoheader_new( nr )
{
  volgnr = nr + 1;
  vorignr = nr - 1;

  tmpstr = "";

  if ( nr == 1 ) { vorignr = aantal_pics; }
  if ( nr == aantal_pics ) { volgnr = 1; }

  tmpstr += "<a href='javascript:plaats_fotopagina(" + vorignr + ")'><img border=0 src='" + pad + "images/pijltje-terug.gif' width=12 height=16></a>&nbsp; ";
  tmpstr += "<a href='javascript:plaats_fotopagina(" + volgnr + ")'><img border=0 src='" + pad + "images/pijltje-volgende.gif' width=12 height=16></a>";

  tmpstr +=
    "<font class=font_std>" +
    "<br>" +
    "<b>" + titel + " </b><small>[" + nr + "/" + aantal_pics + "]</small>";
    "</font>";

  return( tmpstr );
}

function vul_fotoheader( nr )
{
  volgnr = nr + 1;
  vorignr = nr - 1;

  tmpstr = "";

  if ( nr > 1 )
  {
    tmpstr +=
      "<a href='javascript:plaats_fotopagina(" + vorignr + ")'><img border=0 src='" + pad + "images/pijltje-terug.gif' width=12 height=16></a>&nbsp; ";
  }
  else
  {
    tmpstr += 
      "<img border=0 src='" + pad + "images/spacer.gif' width=12 height=16>&nbsp; ";
  }

  if ( nr < aantal_pics )
  {
    tmpstr +=
      "<a href='javascript:plaats_fotopagina(" + volgnr + ")'><img border=0 src='" + pad + "images/pijltje-volgende.gif' width=12 height=16></a>";
  }
  else
  {
    tmpstr += 
      "<img border=0 src='" + pad + "images/spacer.gif' width=12 height=16>&nbsp; ";
  }

  tmpstr +=
    "<font class=font_std>" +
    "<br>" +
    "<b>" + titel + " </b><small>[" + nr + "/" + aantal_pics + "]</small>";
    "</font>";

  return( tmpstr );
}

function vul_foto( nr )
{
  imgname = nr + ".jpg";
  if ( nr < 10 )
  {
    imgname = "0" + imgname;
  }

  tmpstr =
    "<img border=0 src='" + pad + "images/" + imgfolder + " JK (c) " + imgname + "' height=100% align=right>";

  return( tmpstr );
}

function vul_fotositemap( nr )
{
  var nrcols = 1;

  tmpstr =
    "<table cellspacing=0 cellpadding=10 border=1>" +
    "  <tr valign=top>" +
    "";

  for ( idx=1; idx <= aantal_pics; idx++ )
  {
    imgname = idx + ".jpg";
    if ( idx < 10 )
    {
      imgname = "0" + imgname;
    }

    tmpstr +=
      "    <td>" +
      "      <img border=0 src='" + pad + "images/" + imgfolder + imgname + "' width=120>" +
      "    </td>" +
      "";

    nrcols++;
    if ( nrcols > 5 )
    {
      tmpstr += "</tr><tr valign=top>";
      nrcols = 1;
    }
  }

  tmpstr +=
    "  </tr>" +
    "</table>";

  return( tmpstr );
}

var winWidth = 0, winHeight = 0;
function windowSize()
{
  if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
  {
    //IE 4 compatible
    //alert( "IE 4");
    winWidth = document.body.clientWidth;
    winHeight = document.body.clientHeight;
  }
  else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
  {
    //IE 6+ in 'standards compliant mode'
    //alert( "IE 6+");
    winWidth = document.documentElement.clientWidth;
    winHeight = document.documentElement.clientHeight;
  }
  else if( typeof( window.innerWidth ) == 'number' )
  {
    //Non-IE
    //alert( "Non-IE");
    winWidth = window.innerWidth;
    winHeight = window.innerHeight;
  }
  //window.alert( 'Width = ' + winWidth );
  //window.alert( 'Height = ' + winHeight );
}