Javascript Fog Animation

[Mike]

Guests cannot see links in the messages. Please register to forum by clicking here to see links.
What do you think? I hate flash and thought it'd be a cool thing to try.

Basically it works like this:
<div w/ background image> -couldn't put the background in the fog container, or else it would scroll.
<fog container> fog() scrolls this diagonally and resets the scroll to (0,0) when the "animation" is done.
<fog> Must be at least cloudwidth+containerwidth to work
</
</
</


Here's the gist of the code:

Code:

setTimeOut(fog(),25);

var fogwidth=512;
var fogheight=512;
var fogoffset = 0;
function fog() {
var fogdiv = document.getElementById('fogdiv');
fogoffset++;
if(fogoffset>fogwidth || fogoffset>fogheight) {
        fogoffset = 0;
}
        fogdiv.scrollTop = fogoffset;
        fogdiv.scrollLeft = fogoffset;
}

And here's the fog image I used: (make black and white, add transparency... save as png)
Guests cannot see links in the messages. Please register to forum by clicking here to see links.