/* multidimensional Array: 0 = on-image, 1 = off-image */
myImageArray = new Array(2);

// Parent Array of Off values
myImageArray[0] = new Array("HomeButton1.jpg", "RetiredButton1.jpg", "AboutButton1.jpg", "FAQButton1.jpg", "PhotosButton1.jpg", "GalleryButton1.jpg", "NewsButton1.jpg", "StoreButton1.jpg");
// Parent Array of On values
myImageArray[1] = new Array("HomeButton2.jpg", "RetiredButton2.jpg", "AboutButton2.jpg", "FAQButton2.jpg", "PhotosButton2.jpg", "GalleryButton2.jpg", "NewsButton2.jpg", "StoreButton2.jpg");


function buttonRollover(the_state, the_position, the_button)
{

// Look in the multi-dimensional array for:
// the rollover (0 =  or 1), the position 
var my_ArrayPos = myImageArray[the_state] [the_position];

// alert ("Array Position myArrayPos = " + my_ArrayPos);

// Image instance
var my_button = the_button;
// alert("the_position is: " + the_position + "\n" + "the_state is: " + the_state + "\n" + "the_button is " + the_button);

// Path constructor
var the_path = "SiteImages/" + my_ArrayPos  //my_button;

// alert("the_path is: " + the_path);

document.images(the_button).src = the_path;

}