<html>

<head>
<title>Stonehenge Mouseover</title>

<script type="text/javascript">


	//Task: Preload Images
	{
	no_selection = new Image (550, 470);
	no_selection.src = "stonehenge3.png";
	selection_zoom = new Image (412, 352);
	selection_zoom.src = "stonehengecirclezoomsm.png";
	}
	
	function hiLiter(imgBase, imgSwap)
	//Task Swap Images
	
	{
	document.images[imgBase].src = eval(imgSwap + ".src")
	}

</script>
</head>
<p><CENTER><FONT FACE='Tahoma' size='5'>STONEHENGE, ENGLAND</font></center></p>
<a name="top"></a>
<center>
<img border="0" src="stonehenge3.png" name="map" usemap="#mousemap" width="550" height="470" alt="Selector" />
</center>

<map name="mousemap">

<area shape="circle" coords="270,210,200" href="top"
onMouseOver="hiLiter('map','selection_zoom');
window.status='selection_zoom'; return true"
onMouseout="hiLiter('map', 'no_selection');
window.status='selection'; return true">


</center>


</map>
</body>
</html>