var DHTML = (document.getElementById || document.all || document.layers);

var rubriek  = new Array();
var optie_nl = new Array();
var optie_en = new Array();
var link     = new Array();
var i;

//functions

function toon_menu( this_item, taal )
{
  var items = new Array( "home", "photo", "video", "contact" );
  var nr_items = items.length;
  var colsp = items.length;
  var link;
  var uit_of_aan;

  document.write(
    "<table class='text' border=0>\n" +
    "  <tr valign=middle>\n" +
    "    <td height=10>&nbsp;</td>\n" +
    "  </tr>\n" +
    "" );

  for( idx = 0; idx < nr_items; idx++)
  {
    document.write(
      "  <tr valign=middle>\n" +
      "" );

    for( jdx = 0; jdx < idx; jdx++)
    {
      document.write(
        "    <td width=15 height=30></td>\n" +
        "" );
    }

    link = "";
    link += "index.htm?taal=" + taal + ",cat=" + items[idx] + "";

    uit_of_aan = "-uit";
    if ( items[idx] == this_item )
    {
      uit_of_aan = "-aan";
    }

    document.write(
      "    <td colspan=" + colsp + ">\n" +
      "      <a href=" + link + " onMouseOut=\"self.status='';return true\">" +
      "<img src=\"gfx/" + items[idx] + uit_of_aan + ".gif\" width=110 height=25 border=0></a>\n" +
      "    </td>\n" +
      "  </tr>\n" +
      "" );

    colsp--;
  }

  document.write(
    "</table>\n" +
    "" );
}



function vul_lijst( rubr, opt_nl, opt_en )
{
  rubriek[i]  = rubr;
  optie_nl[i] = opt_nl;
  optie_en[i] = opt_en;
  i++;
}

function disp_img( naam, tekst, breed, hoog, dik, diepte, link )
{
  var pad = bepaal_pad( diepte );
  var schaduw_breed = breed - dik;
  var schaduw_hoog  = hoog  - dik;

  document.write(
    "<table cellspacing=0 cellpadding=0 border=1>" +
    "  <tr>" +
    "    <td colspan=2 rowspan=2>" +
    "" );

  if ( link != null && link != "" )
  {
    document.write(
      "<a href=\"" + link + "\" target=_parent>" +
      "" );
  }

  document.write(
    "<img src=" + naam + " width=" + breed + " height=" + hoog + " alt=\"" + tekst + "\" border=0>" +
    "" );

  if ( link != null && link != "" )
  {
    document.write(
      "</a>" +
      "" );
  }

  document.write(
    "</td>" +
    "    <td><img src=" + pad + "leeg.gif width=" + dik + " height=" + dik + " border=0></td>" +
    "  </tr>" +
    "  <tr>" +
    "    <td><img src=" + pad + "schaduw_rechts.jpg width=" + dik + " height=" + schaduw_hoog + " border=0></td>" +
    "  </tr>" +
    "  <tr>" +
    "    <td><img src=" + pad + "leeg.gif width=" + dik + " height=" + dik + " border=0></td>" +
    "    <td><img src=" + pad + "schaduw_onder.jpg width=" + schaduw_breed + " height=" + dik + " border=0></td>" +
    "    <td><img src=" + pad + "schaduw_hoek.jpg width=" + dik + " height=" + dik + " border=0></td>" +
    "  </tr>" +
    "</table>" +
    "" );
}

function bepaal_pad( diepte )
{
  var pad = "";
  for( i = 1; i < diepte; i++)
  {
    pad = pad + "../";
  }
  return( pad );
}

function zetStatus(objImg, strState, img)
{
  var strSrc = "../" + objImg.id + "/";

  switch(strState.toLowerCase())
  {
    case "over":
      objImg.style.cursor = 'hand';
      strSrc += "menu_sel";
      if ( img.indexOf("_en") > 0)
      {
        strSrc += "_en";
      }
      break;
    case "out":
      objImg.style.cursor = 'pointer';
      strSrc += img;
      break;
    default:
      break;
  }
	
  strSrc += ".gif";
/*
alert( strSrc );
*/
  objImg.src = strSrc;
}

function zet_map( loc )
{
  var locationstring = "a"+loc;
  var pos, str, map_pos;
  var mapnaam  = "";

  pos = locationstring.indexOf('?');
  if ( pos != -1 )
  {
    str = locationstring.substr(pos+1);
    map_pos  = str.indexOf("map=");
    if ( map_pos != -1 )
    {
      mapnaam = str.substring(map_pos+4)
      pos = mapnaam.indexOf(',');
      if ( pos != -1 )
      {
        mapnaam = mapnaam.substring(0, pos);
      }
    }
  }
  return( mapnaam );
}

function zet_taal( loc )
{
  var locationstring = "a"+loc;
  var pos, str, taal_pos;
  var taal = "nl";

  pos = locationstring.indexOf('?');
  if ( pos != -1 )
  {
    str = locationstring.substr(pos+1);
    taal_pos  = str.indexOf("lang=");
    if ( taal_pos != -1 )
    {
      taal = str.substring(taal_pos+5)
      pos = taal.indexOf(',');
      if ( pos != -1 )
      {
        taal = taal.substring(0, pos);
      }
    }
  }

  return( taal );
}

var winWidth = 0, winHeight = 0;
var mainWidth = 0, mainHeight = 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 );

  mainWidth  = 800;
  mainHeight = winHeight - 50;
}

function zet_param( loc, param, def )
{
  var locationstring = "a"+loc;
  var pos, str, param_pos;
  var val = def;
  param += "=";

  pos = locationstring.indexOf('?');
  if ( pos != -1 )
  {
    str = locationstring.substr(pos);
    param_pos  = str.indexOf( param );

    if ( param_pos != -1 )
    {
      val = str.substring(param_pos+param.length)
      pos = val.indexOf(',');
      if ( pos != -1 )
      {
        val = val.substring(0, pos);
      }
    }
  }

  return( val );
}