function navigation()
  {
   document.writeln("<div style=\"float : left\" id=\"menu_0\" onmouseover=\"javascript:toon();\"><a href=\"algemeen.html\">algemeen</a></div><div style=\"float : left\">&nbsp;|&nbsp;</div>");
   document.writeln("<div style=\"float : left\" id=\"menu_1\" onmouseover=\"javascript:toon();\"><a href=\"narrator.html\"   >narrator</a></div><div style=\"float : left\">&nbsp;|&nbsp;</div>");
   document.writeln("<div style=\"float : left\" id=\"menu_2\" onmouseover=\"javascript:toon();\"><a href=\"verteller.html\"  >verteller</a></div><div style=\"float : left\">&nbsp;|&nbsp;</div>");
   document.writeln("<div style=\"float : left\" id=\"menu_3\" onmouseover=\"javascript:toon();\"><a href=\"levensloop.html\" >levensloop</a></div><div style=\"float : left\">&nbsp;|&nbsp;</div>");
   document.writeln("<div style=\"float : left\" id=\"menu_4\" onmouseover=\"javascript:toon();\"><a href=\"publicaties.html\">publicaties</a></div><div style=\"float : left\">&nbsp;|&nbsp;</div>");
   document.writeln("<div style=\"float : left\" id=\"menu_5\" onmouseover=\"javascript:toon();\"><a href=\"cd.html\">CD's</a></div><div style=\"float : left\">&nbsp;|&nbsp;</div>");
   document.writeln("<div style=\"float : left\" id=\"menu_7\" onmouseover=\"javascript:toon();\"><a href=\"kwesties.html\">gesproken columns</a></div><div style=\"float : left\">&nbsp;|&nbsp;</div>");
   document.writeln("<div style=\"float : left\" id=\"menu_8\" onmouseover=\"javascript:toon();\"><a href=\"contact.html\">contact</a></div>");
  }



 function toon(id)
 {
  var d = document.getElementById(id);
  if (d) {d.style.display='block';}
 }

 function findPos(obj)
 {
  var curleft = curtop = 0;
  if(obj.offsetParent)
  {
   do {
        curleft += obj.offsetLeft;
        curtop += obj.offsetTop;
      } while (obj = obj.offsetParent);
  }

  return [curleft,curtop];
 }

 function toon_submenu(obj,lyr)
 {
  var coors = findPos(obj);
  var x = document.getElementById(lyr);
  x.style.top  = (coors[1]+15) + 'px';
  x.style.left = coors[0] + 'px';
  toon(lyr);
 }


  function log(pagina)
  {if(!(document.referrer.substring(0,"http://www.narrator-zwart.eu".length)=="http://www.narrator-zwart.eu"||
        document.referrer.substring(0,"http://narrator-zwart.eu".length)    =="http://narrator-zwart.eu"    )){
    bufferen(pagina);
   }
  }


  function bufferen(pagina)
  {
   var platform="";
   var version=0.0;
   var timezone=99;
   var lokatie=escape(document.referrer).toLowerCase();
   var browser=navigator.appName.substring(0,1).toLowerCase();
   var breedte=0;
   var hoogte =0;


        if(self.innerHeight) // all except Explorer
   {
    breedte=self.innerWidth;
    hoogte =self.innerHeight;
   }
   else if(document.documentElement && document.documentElement.clientHeight) // Explorer 6 Strict Mode
   {
    breedte=document.documentElement.clientWidth;
    hoogte =document.documentElement.clientHeight;
   }
   else if (document.body) // other Explorers
   {
    breedte=document.body.clientWidth;
    hoogte =document.body.clientHeight;
   }

   version=parseFloat(navigator.appVersion);

   if(version>=3.0){
    dateName=new Date();
    timezone=parseInt(dateName.getTimezoneOffset()/60); // difference between local time and GMT in minutes. 
   }

   naam ="http:\/\/www.drububu.com\/cgi-bin\/log_narrator.gif?";
   naam+="timezone="+timezone;
   naam+="&platform="+navigator.platform.toLowerCase();
   naam+="&browser="+browser;
   naam+="&version="+version;
   naam+="&width="+breedte;
   naam+="&height="+hoogte;
   naam+="&pagina="+pagina;
   naam+="&url="+lokatie;

   document.writeln("<img src=\""+naam+"\" width=\"1\" height=\"1\" border=\"0\" alt=\"\">");
  }