// 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(11);

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

    // Load the array with the proper images  to display when
    // the mouse is not over the buttons
    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/ButtonCoursesAvailable.gif";

    // The another array with the images to display when
    // the mouse is over them
    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/ButtonCoursesAvailableHi.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;
    }