/* Rain Simulator Created by Webworldx iFusion http://forum.ifcode.com */ var RainIndexes = new Array(); function createNewRain(){ var newRain = document.getElementById('myRain').cloneNode(true); newRain.style.display= "inline"; RainIndexes[RainIndexes.length++] = new Array( Math.floor( (Math.random() * 600) - 300) , Math.floor( Math.random() * (window.screen.availWidth - 50) )); newRain.id = "rain" + (RainIndexes.length-1); newRain.style.top = RainIndexes[RainIndexes.length-1][0]; newRain.style.left = RainIndexes[RainIndexes.length-1][1]; window.document.body.appendChild(newRain); } function checkRainPosition(myVal){ var cTop = document.body.clientHeight - 50; if( RainIndexes[myVal][0] >= cTop ){ RainIndexes[myVal][0] = Math.floor( Math.random() * 700) - 400; RainIndexes[myVal][1] = Math.floor( Math.random() * (window.screen.availWidth - 50) ); } } function moveAllRain(){ val = 0; while(document.getElementById('rain' + val) != null){ RainIndexes[val][0] += 10; RainIndexes[val][1] -= 5; document.getElementById('rain' + val).style.top = RainIndexes[val][0]; document.getElementById('rain' + val).style.left = RainIndexes[val][1]; checkRainPosition(val); val++; } } function loadAllRain(){ var number_of_rain = 30; var creating_rain = 0; while(creating_rain < number_of_rain){ createNewRain(); creating_rain++; } window.setInterval( "moveAllRain()" , 50 ); } window.onload = loadAllRain;