    // Define function to create bins
    function MakeImageArray(n) {
    	// this.length = n;
    	for (var j=1; j<=n; j++) {
    		this[j] = new Image();
    	}
    return this;
    }

    // Define bin for inactive buttons
    imagesoff = new MakeImageArray(18);

    // Define array for active buttons
    imageson = new MakeImageArray(18);

    // Load the array with the proper images  to display when
    // the mouse is not over the buttons

    // image number 1 is the title
    imagesoff[2].src = "images/buttons/ButtonWho.gif";
    imagesoff[3].src = "images/buttons/ButtonConsult.gif";
    imagesoff[4].src = "images/buttons/ButtonTraining.gif";
	imagesoff[5].src = "images/buttons/ButtonCourses.gif";
    imagesoff[6].src = "images/buttons/ButtonOurPeople.gif";
    imagesoff[7].src = "images/buttons/ButtonClients.gif";
    imagesoff[8].src = "images/buttons/ButtonContact.gif";
    imagesoff[9].src = "images/buttons/ButtonKate.gif";
    imagesoff[10].src = "images/buttons/ButtonKatie.gif";
    imagesoff[11].src = "images/buttons/ButtonBarry.gif";
    imagesoff[12].src = "images/buttons/ButtonLisa.gif";
    imagesoff[13].src = "images/buttons/ButtonEllen.gif";
    imagesoff[14].src = "images/buttons/ButtonClare.gif";
    imagesoff[15].src = "images/buttons/ButtonEd.gif";
	imagesoff[16].src = "images/buttons/ButtonGina.gif";
    imagesoff[17].src = "images/buttons/ButtonJane.gif";

    // The another array with the images to display when
    // the mouse is over them

    // image number 1 is the title
    imageson[2].src = "images/buttons/ButtonWhoOver.gif";
    imageson[3].src = "images/buttons/ButtonConsultOver.gif";
    imageson[4].src = "images/buttons/ButtonTrainingOver.gif";
	imageson[5].src = "images/buttons/ButtonCoursesOver.gif";
    imageson[6].src = "images/buttons/ButtonOurPeopleOver.gif";
    imageson[7].src = "images/buttons/ButtonClientsOver.gif";
    imageson[8].src = "images/buttons/ButtonContactOver.gif";
    imageson[9].src = "images/buttons/ButtonKateOver.gif";
    imageson[10].src = "images/buttons/ButtonKatieOver.gif";
    imageson[11].src = "images/buttons/ButtonBarryOver.gif";
    imageson[12].src = "images/buttons/ButtonLisaOver.gif";
    imageson[13].src = "images/buttons/ButtonEllenOver.gif";
    imageson[14].src = "images/buttons/ButtonClareOver.gif";
    imageson[15].src = "images/buttons/ButtonEdOver.gif";
	imageson[16].src = "images/buttons/ButtonGinaOver.gif";
    imageson[17].src = "images/buttons/ButtonJaneOver.gif";

    // Function to switch images when the mouse moves over them
    function mouseon(n) {
    	document.images[n-1].src = imageson[n].src;
    }

    // Function to switch images when the mouse moves off
    function mouseoff(n) {
    	document.images[n-1].src = imagesoff[n].src;
    }
