// JavaScript Document

var pics;
pics = new Array();
var picCount = 0;

//Function to set array of image name, along with two images.
function preload(name, first, second)
{
	pics[picCount] = new Array(3);
	pics[picCount][0] = new Image();
    pics[picCount][0].src = first;
    pics[picCount][1] = new Image();
    pics[picCount][1].src = second;
    pics[picCount][2] = name;
    picCount++;
}

//Function to turn images on.
function on(name)
{
	for (i = 0; i < picCount; i++)
	{
    	if (document.images[pics[i][2]] != null)
	    {
            if (name != pics[i][2])
		    { 
                document.images[pics[i][2]].src = pics[i][0].src;
            }
		    else
		    {
                document.images[pics[i][2]].src = pics[i][1].src;
            }
	    }
    }
}


//Function to turn images off.
function off()
{
     for (i = 0; i < picCount; i++) 
	 {
		 if (document.images[pics[i][2]] != null) 
	     {
			 document.images[pics[i][2]].src = pics[i][0].src;
	     }
     }
}


//Preload the images so you don't get a lag when the user first rolls over them.
preload("home", "images/menu/home_inactive.jpg", "images/menu/home_active.jpg");
preload("about", "images/menu/about_inactive.jpg", "images/menu/about_active.jpg");
preload("collection", "images/menu/collection_inactive.jpg", "images/menu/collection_active.jpg");
preload("links", "images/menu/links_inactive.jpg", "images/menu/links_active.jpg");