// routine that builds the image array based on the page that calls 
// it. That way the correct graphic will be highlight or "on".
function imagearrays(pagename) {
imgsrc = new Array();
if (pagename == 'home') { 
	var graphix = "images/HomeOn.gif";
	var graphix1 = "images/HomeOn.gif";}
else 
	{var graphix = "images/HomeOff.gif";
	 var graphix1 = "images/HomeHover.gif";}
imgsrc[0] = graphix;
imgsrc[1] = graphix1;

if (pagename == 'groom') { 
	var graphix = "images/GroomOn.gif";
	var graphix1 = "images/GroomOn.gif";}
else {
	var graphix = "images/GroomOff.gif";
	var graphix1 = "images/GroomHover.gif";}
imgsrc[2] = graphix;
imgsrc[3] = graphix1;

if (pagename == 'board') { 
	var graphix = "images/BoardOn.gif";
	var graphix1 = "images/BoardOn.gif";}
else {
	var graphix = "images/BoardOff.gif";
	var graphix1 = "images/BoardHover.gif";}
imgsrc[4] = graphix;
imgsrc[5] = graphix1;

if (pagename == 'train') { 
	var graphix = "images/TrainOn.gif";
	var graphix1 = "images/TrainOn.gif";}
else 
	{var graphix = "images/TrainOff.gif";
	 var graphix1 = "images/TrainHover.gif";}
imgsrc[6] = graphix;
imgsrc[7] = graphix1;

if (pagename == 'about') { 
	var graphix = "images/AboutOn.gif";
	var graphix1 = "images/AboutOn.gif";}
else {
	var graphix = "images/AboutOff.gif";
	var graphix1 = "images/AboutHover.gif";}
imgsrc[9] = graphix;
imgsrc[8] = graphix1;

if (pagename == 'gallery') { 
	var graphix = "images/GalleryOn.gif";
	var graphix1 = "images/GalleryOn.gif";}
else {
	var graphix = "images/GalleryOff.gif";
	var graphix1 = "images/GalleryHover.gif";}
imgsrc[11] = graphix;
imgsrc[10] = graphix1;


if (getAppVersion())  {
	img = new Array();
    for (i = 0; i < imgsrc.length; i++) {
		img[i] = new Image();
		img[i].src = imgsrc[i]; }
   }
// end of building the image array

}