if (document.images) {
	image1on = new Image();
	image1on.src = "images/Home01a_108x18.gif";
  
  	image1off = new Image();
	image1off.src = "images/Home01_108x18.gif";

	image2on = new Image();
	image2on.src = "images/About01a_108x18.gif";
	
  	image2off = new Image();
	image2off.src = "images/About01_108x18.gif";
	
	image3on = new Image();
	image3on.src = "images/Gallery01a_108x18.gif";
	
  	image3off = new Image();
	image3off.src = "images/Gallery01_108x18.gif";
	
	image4on = new Image();
	image4on.src = "images/Sketches01a_108x18.gif";
	
  	image4off = new Image();
	image4off.src = "images/Sketches01_108x18.gif";
	
	image5on = new Image();
	image5on.src = "images/Shop01a_108x18.gif";
	
  	image5off = new Image();
	image5off.src = "images/Shop01_108x18.gif";

	image6on = new Image();
	image6on.src = "images/Links01a_108x18.gif";
	
  	image6off = new Image();
	image6off.src = "images/Links01_108x18.gif";

}

function changeImages() {
  if (document.images) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
      document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
    }
  }
}

//<a href="blah1.html" onMouseOver="changeImages('image1', 'image1on', 'otherImage', 'otherImage1')" onMouseOut="changeImages('image1', 'image1off', 'otherImage', 'otherImageDefault')"><img name="image1" src="blah1.gif" alt="blah 1" width=10 height=10 border=0></a>
//<a href="blah2.html" onMouseOver="changeImages('image2', 'image2on', 'otherImage', 'otherImage2')" onMouseOut="changeImages('image2', 'image2off', 'otherImage', 'otherImageDefault')"><img name="image2" src="blah2.gif" alt="blah 2" width=10 height=10 border=0></a>

//<a href="blah.html"><img name="otherImage" src="blah.gif" alt="blah general" width=10 height=10 border=0></a>