как сделать чтобы каждые пол секунды цикл продолжил свое движение по часовой стрелке?
<html>
<head>
<title></title>
<script language="JavaScript">
function mouse()
{
mouse1.style.pixelLeft+=3
mouse1.style.pixelTop+=3
id=window.setTimeout("mouse()",1)
if(mouse1.style.pixelLeft>297&&mouse1.style.pixelT op>197)
{
clearTimeout(id)
}
x()
}
function x()
{
mouse3.style.pixelLeft-=3
mouse3.style.pixelTop+=3
id1=window.setTimeout("mouse1()",1)
if(mouse3.style.pixelLeft<403&&mouse3.style.pixelT op>397)
{
clearTimeout(id1)
}
y()
}
function y()
{
mouse2.style.pixelLeft-=3
mouse2.style.pixelTop-=3
id2=window.setTimeout("mouse2()",1)
if(mouse2.style.pixelLeft<203&&mouse2.style.pixelT op>353)
{
clearTimeout(id2)
}
z()
}
function z()
{
mouse4.style.pixelLeft+=3
mouse4.style.pixelTop-=3
id3=window.setTimeout("mouse3()",1)
if(mouse4.style.pixelLeft<97&&mouse4.style.pixelTo p<247)
{
clearTimeout(id3)
}
}
</script>
</head>
<body onLoad="mouse()">
<img src="10.gif" width=100 height=150 style="position:absolute;top:0;left:250" id=mouse1>
<img src="11.gif" width=100 height=150 style="position:absolute;top:400;left:250" id=mouse2>
<img src="12.gif" width=100 height=150 style="position:absolute;top:200;left:450" id=mouse3>
<img src="13.gif" width=100 height=150 style="position:absolute;top:200;left:50" id=mouse4>
<script>
</script>
</body>
</html>