window.onload = init;
var pics = new Array();

function init() {
  preload(); 
  addEventHandlers();
}  

function addEventHandlers() {
  var images = document.getElementById('navbar').getElementsByTagName('img');
  for (var i=0; i<images.length; i++) {
    if (images[i].src.indexOf('_hover') < 0) { 
      images[i].onmouseover = mouseGoesOver;
      images[i].onmouseout = mouseGoesOut;
    }
  }
}  

function mouseGoesOver() {
  this.src = this.src.substring(0,this.src.lastIndexOf('.')) + "_hover.gif";
}

function mouseGoesOut() {
  if (this.src.indexOf('_hover') > 0) { 
    this.src = this.src.substring(0,this.src.lastIndexOf('_hover')) + ".gif";
  }        
}

function preload() { 
  for (var i=1; i<9; i++) {
    pics[i] = new Image();
    pics[i].src = template_directory+"/images/nav_0"+i+"_hover.gif";
  }
}