<script type="text/javascript">
<!--
var count=0
var myimages = new Array();
function preloading(){
for (x=0; x<preloading.arguments.length; x++){
myimages[x] = new Image();
myimages[x].src = preloading.arguments[x];
}
}
function getImage(){
count=(count+1)%myimages.length;
return myimages[count].src;
}
// -->
</script>
</head>
<body onload=preloading("book.gif","tomcat.gif","merlin.gif","bluetile.gif")>
<a href="" onMouseOver="MyImage.src=getImage();" onMouseOut="MyImage.src=getImage();">
<img src="merlin.gif" name="MyImage">
</a>
</body>
</html>