// pre-load roll-over images here

// construct new images

main_off = new Image
main_on = new Image
gym_off = new Image
gym_on = new Image
walls_off = new Image
walls_on = new Image
trips_off = new Image
trips_on = new Image
store_off = new Image
store_on = new Image
prog_off = new Image
prog_on = new Image
instr_off = new Image
instr_on = new Image

news_off = new Image
news_on = new Image
gallery_off = new Image
gallery_on = new Image
about_off = new Image
about_on = new Image
contact_off = new Image
contact_on = new Image
map_off = new Image
map_on = new Image

// define src attributes

main_off.src = "../banner/main_off.gif"
main_on.src = "../banner/main_on.gif"
gym_off.src = "../banner/gym_off.gif"
gym_on.src = "../banner/gym_on.gif"
walls_off.src = "../banner/walls_off.gif"
walls_on.src = "../banner/walls_on.gif"
trips_off.src = "../banner/trips_off.gif"
trips_on.src = "../banner/trips_on.gif"
store_off.src = "../banner/store_off.gif"
store_on.src = "../banner/store_on.gif"
prog_off.src = "../banner/prog_off.gif"
prog_on.src = "../banner/prog_on.gif"
instr_off.src = "../banner/instr_off.gif"
instr_on.src = "../banner/instr_on.gif"

news_off.src = "../banner/news_off.gif"
news_on.src = "../banner/news_on.gif"
gallery_off.src = "../banner/gallery_off.gif"
gallery_on.src = "../banner/gallery_on.gif"
about_off.src = "../banner/about_off.gif"
about_on.src = "../banner/about_on.gif"
contact_off.src = "../banner/contact_off.gif"
contact_on.src = "../banner/contact_on.gif"
map_off.src = "../banner/map_off.gif"
map_on.src = "../banner/map_on.gif"

// here is the rollover function

	// this function switches to a new image in the specified field
	function changeImg(imgField, newImg) {
		if (document.images) {
			document[imgField].src =
				eval(newImg + ".src")
		}
	}