Q376 How do I make an image bounce off the edges of the browser?

<DIV ID="myid" STYLE="position:absolute;top:0;left:0;">
<img id=myimg src="littlepsycho.gif" Width="40"Height="40">
</DIV>

<SCRIPT LANGUAGE="JavaScript"><!--
var xInc=10, yInc=10;
if(document.all) var xMax = document.body.offsetWidth, yMax = document.body.offsetHeight;
else if (document.layers) var xMax = window.innerWidth - document.myid.document.images[0].width, yMax = window.innerHeight - document.myid.document.images[0].height;

function moveit() {
    if (document.all) {
        xNew = document.all('myid').style.posLeft + xInc;
        yNew = document.all('myid').style.posTop + yInc;
    }
    else if (document.layers) {
        xNew = document.myid.left + xInc;
        yNew = document.myid.top + yInc;
    }

    if (xNew < xMax && xNew >=0) {
        if (document.all) document.all('myid').style.posLeft = xNew;
        else if (document.layers) document.myid.left = xNew;
    }
    else xInc = xInc * (-1);

    if (yNew < yMax && yNew>=0) {
        if (document.all) document.all('myid').style.posTop = yNew;
        else if (document.layers) document.myid.top = yNew;
    }
    else yInc = yInc * (-1);

    setTimeout("moveit()",75);
}
if (document.all || document.layers)
    moveit();
//--></SCRIPT>

<marquee>sample.gif</marquee>
<marqueebehavior>sample.gif</marqueebehavior>