
function ForEach(array, fn) {
  for (var n=0; n<array.length;n++)
    fn(array[n]);      
}

function nav(p,imgPath) {
  var tempVar = "";
  var swapImage_f = "";
  var swapImage_s = "";
  
  aryNav = new Array();
  var nav = 0;
  aryNav[nav++] = ["pinball",1];
  aryNav[nav++] = ["videogames",1];
  aryNav[nav++] = ["drivinggames",1];
  aryNav[nav++] = ["countertop",1];
  aryNav[nav++] = ["tabletop",1];
  aryNav[nav++] = ["jukeboxes",1];
  aryNav[nav++] = ["redemption",1];
  aryNav[nav++] = ["novelty",1];
  aryNav[nav++] = ["gameparts",1];
  aryNav[nav++] = ["home",0];
  aryNav[nav++] = ["order",0];
  aryNav[nav++] = ["shippingp",0];
  aryNav[nav++] = ["shippinge",0];
  aryNav[nav++] = ["party",0];
  aryNav[nav++] = ["faq",0];
  aryNav[nav++] = ["techtips",0];
  aryNav[nav++] = ["contact",0];
  
  if (document.images) {
    aryImages = new Array;
    var q=0;
    for (i=0;i<=(aryNav.length-1);i++) {
      aryImages[q] = new Image; 
      aryImages[q].src=imgPath+'h_'+aryNav[i][0]+'_mo.gif'; 
      q++;
      if (aryNav[i][1] == 1) {
        aryImages[q] = new Image; 
        aryImages[q].src=imgPath+'h_'+aryNav[i][0]+'_lineart_mo.gif'; 
        q++;
      }
    }
  }
    
  ForEach(aryNav, function(n) {
    document.getElementById("nav_"+n[0]).onmouseover = function() {
      // first image
      var firstImage = this.getElementsByTagName('img')[0];
      swapImage_f = firstImage.src;
      firstImage.src = imgPath+'h_'+n[0]+'_mo.gif';
      
      // second image
      if ((n[1] == 1) && (p != n[0])) {
        var secondImage = this.getElementsByTagName('img')[1];
        swapImage_s = secondImage.src;
        secondImage.src = imgPath+'h_'+n[0]+'_lineart_mo.gif'
      }     
    }
    document.getElementById("nav_"+n[0]).onmouseout = function() {
      if (swapImage_f != "") {
        var firstImage = this.getElementsByTagName('img')[0];
        firstImage.src = swapImage_f;
        
        // second image
        if ((n[1] == 1) && (p != n[0])) {
          if (swapImage_f != "") {
            var secondImage = this.getElementsByTagName('img')[1];
            secondImage.src = swapImage_s;
          }
        }
      } 
    }
  });
}
