Untitled

<html>
<head>

<title>The Golf Page</title>
<style type="text/css">

body      {font-family:Arial, Helvetica, sans-serif; font-size: 18pt; color:blue; background-image: url(clouds.jpg)}
#Title    {position: absolute; left:395px; top:260px;padding-left:395;padding-top:260;padding-bottom:0;border-style:solid; border-width:1 3 3 1; border-color:blue;background-color:rgb(0,255,0)}
#Ball     {position:relative; top:0px; left:0px}
#Ball img {border-width: 0px}
#box      {width:600px; height: 250px;border-style:solid; border-width:1 4 4 1; border-color:blue; background-color:rgb(0,255,0); text-align: center}
#Slogan   {visibility: hidden; position: relative; top: 250px;color:black; font-family: Times New Roman, Times, serif;font-style:italic; font-weight:bold}
</style>

<script type="text/javascript">

   	function placeIt(id, x, y) {
      	 object=document.getElementById(id);
      	 object.style.left=x+"px";
      	 object.style.top=y+"px";
	}

	var x = new Array(-395, -389, -383, -377, -371, -365, -359, -353, -346,
	-340, -334, -328, -322, -316, -310, -304, -297, -291, -285, -279, -273,
	-267, -261, -255, -248, -242, -236, -230, -224, -218, -212, -206, -199,
	-193, -187, -181, -175, -169, -163, -157, -150, -144, -138, -132, -126,
	-120, -114, -108, -101, -95, -93, -91, -88, -86, -83, -81, -78, -76, -73,
	-71, -69, -66, -64, -61, -59, -56, -54, -51, -49, -47, -44, -42, -39, -37,
	-34, -32, -29, -27, -24, -22, -20, -17, -15, -12, -10, -7, -5, -2, 0);

	var y = new Array(-300, -300, -300, -299, -298, -297, -296, -294, -292,
	-290, -288, -285, -282, -279, -276, -272, -268, -264, -260, -255, -250,
	-245, -240, -234, -228, -222, -216, -209, -202, -195, -188, -180, -172,
	-164, -156, -147, -138, -129, -120, -110, -100, -90, -80, -69, -58, -47,
	-36, -24, -12, 0, -5, -10, -14, -18, -22, -25, -29, -32, -34, -37, -39,
	-41, -43, -45, -46, -47, -48, -48, -48, -48, -48, -48, -47, -46, -45, -43,
	-42, -40, -37, -35, -32, -29, -26, -23, -19, -15, -11, -6, 0);

	var index=0;

	function moveBall(){
	 if (index<=x.length-1){
 	  placeIt("Ball", x[index], y[index]);
 	  index++;
 	  setTimeout("moveBall()",5)
 	 }
 	 else
 	  document.getElementById("Slogan").style.visibility="visible";
	}

</script> something 20 milliseconds later
   }
}

</script>

</HEAD>
<BODY onLoad="javascript:moveBall();">


<DIV ID="Title">
	THE G<SPAN ID="Ball" STYLE="position:relative;left:0;top:0"><IMG SRC="../Ball.gif" BORDER=0></SPAN>LF PAGE
</DIV>

<DIV ID="Slogan">
	<center>Your Online Source of Golf Equipment</center>
</DIV>
</BODY>
</HTML>