Wavey Object-- 4 changes of direction

<center> <spacer type=block height=200><br> <font color=red size=7>WebTV Bug!! <p>RELOAD PAGE</font></center>

Code for Wavey Object

<html>
<head>
<title>DHTML Study</title>
<script>
function h() {
/* move 1px right and 1px down every 20 millisec until 100px right */
if (document.all.one.style.posLeft < 100) {document.all.one.style.posTop +=1;
document.all.one.style.posLeft +=1;}
else {h1();}
setTimeout("h()", 20);
}
function h1() {
/* move 1px up and 1px right every 20 millisec until 200px right */
if (document.all.one.style.posLeft < 200) {document.all.one.style.posTop -=1;
document.all.one.style.posLeft +=1;}
else {h2();}
setTimeout("h1()", 20);
}
function h2() {
/* 1 down, 1 right until 300 right */
if (document.all.one.style.posLeft < 300) {document.all.one.style.posTop +=1;
document.all.one.style.posLeft +=1;}
else {h3();}
setTimeout("h2()", 20);
}
function h3() {
/* 1 up, 1 right until 400 right */
if (document.all.one.style.posLeft < 400) {document.all.one.style.posTop -=1;
document.all.one.style.posLeft +=1;}
else {hf();}
setTimeout("h3()", 20);
}
function hf() {
/* 1 down, 1 right until 500 right */
if (document.all.one.style.posLeft < 500); {
document.all.one.style.posTop +=1;
document.all.one.style.posLeft +=1;}
setTimeout("hf()", 20);
}
</script>
<style type="text/css">
/* one starts 100 down and 50 left of upper left one is 300px wide and 15px high */
#one {position:absolute; top:100; left:-50; z-index:0; width:300; height:15;}
</style>
</head>
<body bgcolor="#000000" text="#ffffff" OnLoad="h()">
<noframes><center><font color=red size=7>WebTV Bug!!  <p>RELOAD PAGE</font></center></noframes> 
<div id="one"><font size=3><blackface> WAVEY OBJECT</blackface></font>
</div></body>
</html>

WAVEY OBJECT