<!-- code to creata and array of images which are then called in the code 
<!--below to create the menu button images  -->


  
var imgNames, numImgs, imgsOff, imgsOn;
 if(document.images)
 {
  
   imgNames=new Array("Bbutton1", "Bbutton2", "Bbutton3", "Bbutton4","Bbutton5", "Bbutton6");
  
   numImgs= imgNames.length;
   imgsOff=new Array(numImgs);
   imgsOn=new Array(numImgs);

   for(var i=0; i<numImgs;i++)
   {
    imgsOff[i]=new Image(86,23);

   imgsOff[i].src="images/"+imgNames[i]+"off.jpg";

    imgsOn[i]=new Image(86,23);

   imgsOn[i].src="images/"+imgNames[i]+".jpg";
   }
}

function rollOn(index)
  {
    if(document.images)
    document.images[imgNames[index]].src=imgsOn[index].src;
}

function rollOff(index)
  {
    if(document.images)
    document.images[imgNames[index]].src=imgsOff[index].src;
}