Diag 4

PLEASE RELOAD

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>

<script type="javascript">

function bgn() {
document.all.one.style.posTop=330;
document.all.one.style.posLeft=-80; 
document.all.two.style.posTop=40;
document.all.two.style.posLeft=580;
document.all.three.style.posTop=310;
document.all.three.style.posLeft=580; 
document.all.four.style.posTop=20;
document.all.four.style.posLeft=-80;
{
move1 ()}
}
function move1() {
document.all.one.style.posLeft += 2;
document.all.one.style.posTop -= 1;
if (document.all.one.style.posLeft < 400) {
setTimeout("move1()", 50); }
else { setTimeout("move2()", 200); } 
} 
function move2() {
document.all.two.style.posLeft -= 2;
document.all.two.style.posTop += 1;
if (document.all.two.style.posLeft > 150) {
setTimeout("move2()", 50); }
else { setTimeout("move3()", 200); } 
} 
function move3() {
document.all.three.style.posLeft -= 2;
document.all.three.style.posTop -= 1;
if (document.all.three.style.posLeft > 150) {
setTimeout("move3()", 50); }
else { setTimeout("move4()", 200); } 
}

function move4() {
document.all.four.style.posLeft += 2;
document.all.four.style.posTop += 1;
if (document.all.four.style.posLeft < 400) {
setTimeout("move4()", 50); }
} 
</script>
<style type="text/css"> 
#one { position:absolute; z-index:2; }
#two { position:absolute; z-index:3; }
#three { position:absolute; z-index:4; }
#four { position:absolute; z-index:5; } </style>

<title>Diad 4</title></head>
<body bgcolor="ffffff" onLoad="bgn()">

<noframes>PLEASE RELOAD</noframes>

<div id="one"><table bgcolor="green" border="2"><tr><td width="50" height="75" </td></tr></table></div>

<div id="two"><table bgcolor="green" border="2"><tr><td width="50" height="75" </td></tr></table></div>
<div id="three"><table bgcolor="green" border="2"><tr><td width="50" height="75" </td></tr></table></div>
<div id="four"><table bgcolor="green" border="2"><tr><td width="50" height="75" </td></tr></table></div>
</body>