//declare state variables
var Selected = null;

// declare images
var Spacer = new Image();
var Grid1 = new Image();
var Grid1On = new Image();
var Grid1Name = new Image();
var Grid2 = new Image();
var Grid2On = new Image();
var Grid2Name = new Image();
var Grid3 = new Image();
var Grid3On = new Image();
var Grid3Name = new Image();
var Grid4 = new Image();
var Grid4On = new Image();
var Grid4Name = new Image();
var Grid5 = new Image();
var Grid5On = new Image();
var Grid5Name = new Image();
var Grid6 = new Image();
var Grid6On = new Image();
var Grid6Name = new Image();
var Grid7 = new Image();
var Grid7On = new Image();
var Grid7Name = new Image();
var Grid8 = new Image();
var Grid8On = new Image();
var Grid8Name = new Image();
var Grid9 = new Image();
var Grid9On = new Image();
var Grid9Name = new Image();
var Grid10 = new Image();
var Grid10On = new Image();
var Grid10Name = new Image();
var Grid11 = new Image();
var Grid11On = new Image();
var Grid11Name = new Image();
var Grid12 = new Image();
var Grid12On = new Image();
var Grid12Name = new Image();
var Grid13 = new Image();
var Grid13On = new Image();
var Grid13Name = new Image();
var Grid14 = new Image();
var Grid14On = new Image();
var Grid14Name = new Image();
var Grid15 = new Image();
var Grid15On = new Image();
var Grid15Name = new Image();
var Grid17 = new Image();
var Grid17On = new Image();
var Grid17Name = new Image();

// set image sources
Spacer.src = "Images/Spacer.gif";
Grid1.src = "Images/People/Grid1.jpg";
Grid1On.src = "Images/People/Grid1On.jpg";
Grid1Name.src = "Images/People/Grid1Name.gif";
Grid2.src = "Images/People/Grid2.jpg";
Grid2On.src = "Images/People/Grid2On.jpg";
Grid2Name.src = "Images/People/Grid2Name.gif";
Grid3.src = "Images/People/Grid3.jpg";
Grid3On.src = "Images/People/Grid3On.jpg";
Grid3Name.src = "Images/People/Grid3Name.gif";
Grid4.src = "Images/People/Grid4.jpg";
Grid4On.src = "Images/People/Grid4On.jpg";
Grid4Name.src = "Images/People/Grid4Name.gif";
Grid5.src = "Images/People/Grid5.jpg";
Grid5On.src = "Images/People/Grid5On.jpg";
Grid5Name.src = "Images/People/Grid5Name.gif";
Grid6.src = "Images/People/Grid6.jpg";
Grid6On.src = "Images/People/Grid6On.jpg";
Grid6Name.src = "Images/People/Grid6Name.gif";
Grid7.src = "Images/People/Grid7.jpg";
Grid7On.src = "Images/People/Grid7On.jpg";
Grid7Name.src = "Images/People/Grid7Name.gif";
Grid8.src = "Images/People/Grid8.jpg";
Grid8On.src = "Images/People/Grid8On.jpg";
Grid8Name.src = "Images/People/Grid8Name.gif";
Grid9.src = "Images/People/Grid9.jpg";
Grid9On.src = "Images/People/Grid9On.jpg";
Grid9Name.src = "Images/People/Grid9Name.gif";
Grid10.src = "Images/People/Grid10.jpg";
Grid10On.src = "Images/People/Grid10On.jpg";
Grid10Name.src = "Images/People/Grid10Name.gif";
Grid11.src = "Images/People/Grid11.jpg";
Grid11On.src = "Images/People/Grid11On.jpg";
Grid11Name.src = "Images/People/Grid11Name.gif";
Grid12.src = "Images/People/Grid12.jpg";
Grid12On.src = "Images/People/Grid12On.jpg";
Grid12Name.src = "Images/People/Grid12Name.gif";
Grid13.src = "Images/People/Grid13.jpg";
Grid13On.src = "Images/People/Grid13On.jpg";
Grid13Name.src = "Images/People/Grid13Name.gif";
Grid14.src = "Images/People/Grid14.jpg";
Grid14On.src = "Images/People/Grid14On.jpg";
Grid14Name.src = "Images/People/Grid14Name.gif";
Grid15.src = "Images/People/Grid14.jpg";
Grid15On.src = "Images/People/Grid14On.jpg";
Grid15Name.src = "Images/People/Grid14Name.gif";
Grid17.src = "Images/People/Grid17.jpg";
Grid17On.src = "Images/People/Grid17On.jpg";
Grid17Name.src = "Images/People/Grid17Name.gif";
// HighlightOn()
function HighlightOn(Selection)
{
	if (Selection != Selected)
	{
		var Image = "Grid" + Selection;
		document.getElementById(Image).src = eval(Image + "On.src");
		document.getElementById("GridName").src = eval(Image + "Name.src");
	}
}

// HighlightOff()
function HighlightOff(Selection)
{
	if (Selection != Selected)
	{
		var Image = "Grid" + Selection;
		document.getElementById(Image).src = eval(Image + ".src");
		
		if (Selected != null)
			document.getElementById("GridName").src = eval("Grid" + Selected + "Name.src");
		else
			document.getElementById("GridName").src = Spacer.src;
	}
}

// Select()
function Select(Selection)
{
	var Image = null;
	//deselect selected image
	if (Selected != null)
	{
		Image = "Grid" + Selected;
		document.getElementById(Image).src = eval(Image + ".src");
	}
	
	//select images
	Image = "Grid" + Selection;
	document.getElementById(Image).src = eval(Image + "On.src");
	document.getElementById("GridName").src = eval("Grid" + Selection + "Name.src");
	
	//load dynamic content
	AjaxPage("People/Heading/Heading" + Selection + ".htm", "PeopleHeading", null);
	AjaxPage("People/Copy/Copy" + Selection + ".htm", "PeopleCopy", null);
	
	Selected = Selection;
}