Random Move

A separate random number is generated for both the X and the Y axis, the object then scrolls to these new positions. When these positions are reached a new random number is generated for the object to scroll to.

Random X = 000Position X = 000Random Y = 000Position Y = 000

<script type="text/javascript">
<!--
randx=""
randy=""
step=10
speed=50
IE=document.all

function Init(){
W=(IE?document.body.clientWidth:window.innerWidth)
H=(IE?document.body.clientHeight:window.innerHeight)
posx=Math.round(Math.random()*W)
posy=Math.round(Math.random()*H)
randomX()
randomY()
}

function randomX(){
randx = Math.round(Math.random()*W);
if( randx > W ){
randomX();
}
}

function moveX(){
if (posx>= randx-step&&posx<=randx+step){
randomX();
}
(posx<randx?posx+=step:posx-=step)
motion();
setTimeout("moveX()", speed);
}

function randomY(){
randy = Math.round(Math.random()*H);
if( randy > H ){
randomY();
}
}

function moveY(){
if (posy>=randy-step&&posy<=randy+step){
randomY();
}
(posy<randy?posy+=step:posy-=step)
motion();
setTimeout("moveY()", speed);
}


function motion(){
dis=document.getElementById("display")
dis.style.left=posx
dis.style.top=posy
dis.style.visibility="visible"
setTimeout("moveX();moveY()",1000)
}

// add onload="Init()"to the opening BODY tag

// -->
</script>

<div id="display" style="position:absolute; left:0; top:0;visibility:hidden"><img src="image.gif"></div>