/* buttons.js copyright 2001 Hippo Software
   creates table with navagation buttons
   
   History: 
     2004.12.02 PO  Modified some buttons and tried to figure out what I've written (did *I* write this???)
     2001.12.07 PO  Initial coding
*/

function CreateButtons (currentpage)
{
   var tooltip = '';

   tooltip = 'Ga terug naar de startpagina';
   if (currentpage == "home") {
      MakePassiveButton ("high.home.jpg");
   } else {
      MakeActiveButton("index.html", "low.home.jpg", tooltip);
   }
   
   tooltip = 'Lees mee in mijn digitale dagboek';
   if (currentpage == "weblog") {
      MakePassiveButton ("high.weblog.jpg");
   } else {
      MakeActiveButton("weblog", "low.weblog.jpg", tooltip);
   }
   
   if (document.body.clientWidth < 900) {
      //create extra table row
      document.write('</tr>');
      document.write('<tr>');
   }
   
   tooltip = 'Waar ik mijn wandelschoenen het liefste slijt';
   if (currentpage == "wandelen") {
      MakePassiveButton ("high.wandelen.jpg");
   } else {
      MakeActiveButton("wandelen.html", "low.wandelen.jpg", tooltip);
   }

   tooltip = 'De eeuwige student?';
   if (currentpage == "studie") {
      MakePassiveButton ("high.studie.jpg");
   } else {
      MakeActiveButton("studie.html", "low.studie.jpg", tooltip);
   }
   
   tooltip = 'Mijn favoriete boeken';
   if (currentpage == "lezen") {
      MakePassiveButton ("high.lezen.jpg");
   } else {
      MakeActiveButton("lezen.html", "low.lezen.jpg", tooltip);
   }

   tooltip = 'Mijn digitale fotoalbum';
   if (currentpage == "gallery") {
      MakePassiveButton ("high.fotoalbumg.jpg");
   } else {
      MakeActiveButton("gallery", "low.fotoalbum.jpg", tooltip);
   }

}

function MakeActiveButton(target, buttonname, tooltip)
{
   document.write('<td width="15%"><p align="center"><a href="' + target + '"><img border="0" src="' + buttonname + '" alt="' + tooltip + '"></a></td>');
}

function MakePassiveButton(buttonname)
{
   document.write('<td width="15%"><p align="center"><img border="0" src="' + buttonname + '"></td>');
}