browserName = navigator.appName;
browserVer  = parseInt(navigator.appVersion);
var huidige_actief = '', huidige_over = '';

if ((browserName == "Netscape" && browserVer >= 3)
  || (browserName == "Microsoft Internet Explorer" && browserVer >= 4)) {
  browser = 1;
} 
else {
  browser = 0;
}
if (browser) {
  //loading the topbar navigation
  img02On  = new Image(); img02On.src  = "/images/nav/nav02on.gif";
  img02Off = new Image(); img02Off.src = "/images/nav/nav02off.gif";

  img03On  = new Image(); img03On.src  = "/images/nav/nav03on.gif";
  img03Off = new Image(); img03Off.src = "/images/nav/nav03off.gif";

  img04On  = new Image(); img04On.src  = "/images/nav/nav04on.gif";
  img04Off = new Image(); img04Off.src = "/images/nav/nav04off.gif";

  img05On  = new Image(); img05On.src  = "/images/nav/nav05on.gif";
  img05Off = new Image(); img05Off.src = "/images/nav/nav05off.gif";

  img06On  = new Image(); img06On.src  = "/images/nav/nav06on.gif";
  img06Off = new Image(); img06Off.src = "/images/nav/nav06off.gif";

  img07On  = new Image(); img07On.src  = "/images/nav/nav07on.gif";
  img07Off = new Image(); img07Off.src = "/images/nav/nav07off.gif";

}

function ImgOn(button) {
  if (browser) {
       if(huidige_over == button || huidige_actief == button) {
           return;
       }   
      
       if(huidige_over != '') {
           imgOn = eval(button + "On.src");
           document [button].src = imgOn;
       }
       
       huidige_over = button;
       imgOn = eval(button + "On.src");
       document [button].src = imgOn;
  }
}

function ImgOff(button) {
if (browser) {
      if(huidige_over != button || huidige_actief == button) {
          return;
      }
      else {
         imgOff = eval(button + "Off.src");
         document [button].src = imgOff;
         huidige_over = '';
      }
  }
}


function ImgClick(button) {
  if (browser) {
        if(huidige_actief == button) {
                return;
        }
       // de-actieveer vorige actieve button
        if(huidige_actief != '') {
                 imgOff = eval(huidige_actief + "Off.src");
                 document [huidige_actief ].src = imgOff;
        }
             // als de button 'over' was, dan nu niet meer
        if(huidige_over == button) {
                huidige_over = '';
        }
                 else {
                return;
                 }
        // zet button op actief
        huidige_actief = button;
                 imgCli = eval(button + "Cli.src");
         document [button].src = imgCli;
         }
}