// pre-load roll-over images here

// construct new images

sub_team_off = new Image
sub_team_on = new Image
sub_afterschool_off = new Image
sub_afterschool_on = new Image
sub_camps_off = new Image
sub_camps_on = new Image
sub_comps_off = new Image
sub_comps_on = new Image
sub_build_off = new Image
sub_build_on = new Image
sub_events_off = new Image
sub_events_on = new Image

// define src attributes

sub_team_off.src = "../banner/sub_team_off.gif"
sub_team_on.src = "../banner/sub_team_on.gif"
sub_afterschool_off.src = "../banner/sub_afterschool_off.gif"
sub_afterschool_on.src = "../banner/sub_afterschool_on.gif"
sub_camps_off.src = "../banner/sub_camps_off.gif"
sub_camps_on.src = "../banner/sub_camps_on.gif"
sub_comps_off.src = "../banner/sub_comps_off.gif"
sub_comps_on.src = "../banner/sub_comps_on.gif"
sub_build_off.src = "../banner/sub_build_off.gif"
sub_build_on.src = "../banner/sub_build_on.gif"
sub_events_off.src = "../banner/sub_events_off.gif"
sub_events_on.src = "../banner/sub_events_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")
		}
	}