<html>
<head>
<script type="text/javascript">
<!--
image01= new Image()
image01.src="merlin.gif"
image02= new Image()
image02.src="tomcat.gif"

function rollover(imagename, newsrc){
document.images[imagename].src=newsrc.src
}
//-->
</script>
</head>

<body>
<a href="#" onmouseover="rollover('example', image02)"
onmouseout="rollover('example', image01)">
<img src="merlin.gif" name="example">
</a>
</body>

</html>