<!-- preloading the images here -->

var context = "/2EIG/images/";

Image1 = new Image(200,420);
Image1.src = context + "caliper_home.jpg";

Image2 = new Image(200,420);
Image2.src = context + "caliper_profile.jpg";

Image3 = new Image(200,420);
Image3.src = context + "caliper_moldmaking.jpg";

Image4 = new Image(200,420);
Image4.src = context + "caliper_service.jpg";

Image5 = new Image(200,420);
Image5.src = context + "caliper_contact.jpg";


<!-- function that is used to switch the images -->
function zoomout( i ) {

	switch ( i )
	{
 	   case 2:
	   		document.caliper_map.src = Image2.src; return true;
			break;
		
		case 3:
	   		document.caliper_map.src = Image3.src; return true;
			break;
		
		case 4:
	   		document.caliper_map.src = Image4.src; return true;
			break;
		
		case 5:
	   		document.caliper_map.src = Image5.src; return true;
			break;
		
		default:
	   		document.caliper_map.src = Image1.src; return true;   		
	}
}

function zoomin( )
{
	window.location.reload();
}