// Create arrays to hold images
    var overImg = new Array();
    overImg[0] = new Image(24,24);
    overImg[1] = new Image(24,24);
    overImg[2] = new Image(24,24);
    overImg[3] = new Image(24,24);
    overImg[4] = new Image(24,24);


    var downImg = new Array();
    downImg[0] = new Image(24,24);
    downImg[1] = new Image(24,24);
    downImg[2] = new Image(24,24);
    downImg[3] = new Image(24,24);
    downImg[4] = new Image(24,24);

    var defaultImg = new Array();
    defaultImg[0] = new Image(24,24);
    defaultImg[1] = new Image(24,24);
    defaultImg[2] = new Image(24,24);
    defaultImg[3] = new Image(24,24);
    defaultImg[4] = new Image(24,24);

    // Preload images in the array
    overImg[0].src = "./images/homeover.gif";
    overImg[1].src = "./images/tableover.gif";
    overImg[2].src = "./images/faqover.gif";
    overImg[3].src = "./images/aboutover.gif";
    overImg[4].src = "./images/contactover.gif";

    downImg[0].src = "./images/homedown.gif";
    downImg[1].src = "./images/tabledown.gif";
    downImg[2].src = "./images/faqdown.gif";
    downImg[3].src = "./images/aboutdown.gif";
    downImg[4].src = "./images/contactdown.gif";

    defaultImg[0].src = "./images/home.gif";
    defaultImg[1].src = "./images/table.gif";
    defaultImg[2].src = "./images/faq.gif";
    defaultImg[3].src = "./images/about.gif";
    defaultImg[4].src = "./images/contact.gif";

    // Change the state of image depending on the event that fired.
    function rollImage(img,type){
      switch(type){
        case "over":
          document.images[img].src = overImg[img].src;
          break;
        case "out":
          document.images[img].src = defaultImg[img].src;
          break;
        case "up":
          document.images[img].src = defaultImg[img].src;
          break;
        case "down":
          document.images[img].src = downImg[img].src;
          break;
      }
    }