<html>
<head>
<title>Moon</title>
<script language="javascript" type="text/javascript">
<!-- Hide script from older browsers
firstTime = true
function slide() {
if (firstTime) {
moverObj = document.getElementById("mover").style
moverObj.left = "5px"
rightDotPos = 470
firstTime = false
}
moverObj.left = (parseInt(moverObj.left) + 2) + "px"
if (parseInt(moverObj.left) <= rightDotPos) {
setTimeout("slide()",20)
}
}
// End hiding script -->
</script>
<style type="text/css">
<!--
#leftfore {position: absolute; left: 0px; top: 5px; z-Index: 2}
#mover {position: absolute; left: 5px; top: 5px; z-Index: 1}
#rightfore {position: absolute; left: 470px; top: 5px; z-Index: 2}
-->
</style>
</head>
<body bgcolor="black" onLoad="slide()">
<div id="leftfore"><img src="graphics/black_dot.gif" width="250" height="250" alt=""></div>
<div id="mover"><img src="graphics/full_moon.jpg" width="232" height="232" alt="Full Moon"></div>
<div id="rightfore"><img src="graphics/black_dot.gif" width="250" height="250" alt=""></div>
</body>
</html>