//Main rollover for navigation.

var imgNames,numImgs,imgsOff,imgsOn;

if(document.images)
{
  //  arrays for image names/objects
 
 imgNames=new Array("home-", "languagesFields-", "spanish-", "audio-", "clientsTestimonials-", "quote-", "secure-");     //we are storing the names of the images in this array
  
  numImgs=imgNames.length;  											//number of images (numIMgs) equals the number of elements (length) in the Array
  
  imgsOff=new Array(numImgs);
  imgsOn=new Array(numImgs);

//  preload images

  for(var i=0;i<numImgs;i++)
  {
    imgsOff[i]=new Image();														//It's not necesary to include the dimensions of the images (which it is nice when we have images of different sizes)
    imgsOff[i].src="imgs/navigation/"+imgNames[i]+"off.gif";					//
    imgsOn[i]=new Image();
    imgsOn[i].src="imgs/navigation/"+imgNames[i]+"on.gif";						// 
  }
}

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;
}