/**
 * @author Sandy
 */
Amount = 20; //Smoothness! depends on image file size, the smaller the size the more you can use!
//Pre-load your image below!
Image0 = new Image();
Image0.src = "img/flake1.gif";
Image1 = new Image();
Image1.src = "img/flake2.gif";
Image2 = new Image();
Image2.src = "img/flake3.gif";
Image3 = new Image();
Image3.src = "img/flake4.gif";
Image4 = new Image();
Image4.src = "img/flake5.gif";

grphcs = new Array(5)
grphcs[0] = "img/flake1.gif"
grphcs[1] = "img/flake2.gif"
grphcs[2] = "img/flake3.gif"
grphcs[3] = "img/flake4.gif"
grphcs[4] = "img/flake5.gif"

Ypos = new Array();
Xpos = new Array();
Speed = new Array();
Step = new Array();
Cstep = new Array();
ns = (document.layers) ? 1 : 0;
if (ns) {
    for (i = 0; i < Amount; i++) {
        var P = Math.floor(Math.random() * grphcs.length);
		
		console.error("hhh")
        rndPic = grphcs[P];
        document.write("<LAYER NAME='sn" + i + "' LEFT=0 TOP=0><img src=" + rndPic + "></LAYER>");
    }
}
else {
    document.write('<div style="position:absolute;top:0px;left:0px"><div id="hh" style="position:relative">');
    for (i = 0; i < Amount; i++) {
        var P = Math.floor(Math.random() * grphcs.length);
        rndPic = grphcs[P];
        document.write('<img class="si" src="' + rndPic + '" style="position:absolute;top:0px;left:0px">');
    }
    document.write('</div></div>');
}
WinHeight = (document.layers) ? window.innerHeight : window.document.body.clientHeight - 100;
WinWidth = (document.layers) ? window.innerWidth : window.document.body.clientWidth -100;
for (i = 0; i < Amount; i++) {
    Ypos[i] = Math.round(Math.random() * WinHeight);
    Xpos[i] = Math.round(Math.random() * WinWidth);
    Speed[i] = Math.random() * 3 + 2;
    Cstep[i] = 0;
    Step[i] = Math.random() * 0.1 + 0.05;
}
function fall(){
    var WinHeight = (document.layers) ? window.innerHeight : window.document.body.clientHeight - 100;
    var WinWidth = (document.layers) ? window.innerWidth : window.document.body.clientWidth -100;
    var hscrll = (document.layers) ? window.pageYOffset : document.body.scrollTop - 100;
    var wscrll = (document.layers) ? window.pageXOffset : document.body.scrollLeft - 100;
	//var df = new Array();
	var df = document.getElementById('hh');
	var elems = df.getElementsByTagName('img');
    for (i = 0; i < Amount; i++) {
        sy = Speed[i] * Math.sin(90 * Math.PI / 180);
        sx = Speed[i] * Math.cos(Cstep[i]);
		
        Ypos[i] += sy;
        Xpos[i] += sx;
        if (Ypos[i] > WinHeight) {
            Ypos[i] = -30;
            Xpos[i] = Math.round(Math.random() * WinWidth-60);
            Speed[i] = Math.random() * 5 + 2;
        }
        if (ns) {
            document.layers['sn' + i].left = Xpos[i];
            document.layers['sn' + i].top = Ypos[i] + hscrll;
        }
        else {
           //elems[i].style.pixelLeft = Xpos[i];
           //elems[i].style.pixelTop = Ypos[i] + hscrll;
		   elems[i].style.left = Xpos[i];
           elems[i].style.top = Ypos[i] + hscrll;
        }
        Cstep[i] += Step[i];
    }
    setTimeout('fall()', 100);
}

