// JavaScript Document
// This is the file that the other pages will link to.
//define images using two arrays
//the arrays show only the differing characters in the variables
//the image source is a string concatenated from the array item and the common characters
// This, together with combining the external style with each page 
// provides maintainability benefits.
var imgNames = ['home', 'homeOn', 'groupsOn', 'groups', 'diary', 'diaryOn', 'meetings', 'meetingsOn'];
var imgObjects = [];
	for (var i = 0; i < imgNames.length; i++)
	{
	imgObjects[i] = new Image();
	imgObjects[i].src = "images/" + imgNames[i] + ".gif";
	}

//Also the file is linked to every page that needs a menu.
//When adding extra pages, changing images etc.  Most of the maintenance work will be done in this external file.