// Configure below to change number of snow to render
var no = 100;

var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

var iecompattest = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i; 

function getDocumentHeight(){
	return (document.body.scrollHeight > document.body.offsetHeight)?document.body.scrollHeight:document.body.offsetHeight;
}
var doc_height = getDocumentHeight()-112;
var doc_width = ns6up?window.innerWidth-10 : iecompattest.clientWidth-10;

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
dots = new Array();

for (i = 0; i < no; ++ i) {  
  dx[i] = 0;// set coordinate variables
  xp[i] = Math.random()*(doc_width-50);  // set position variables
  yp[i] = Math.random()*doc_height;
  am[i] = Math.random()*20;         // set amplitude variables
  stx[i] = 0.02 + Math.random() * 0.10; // set step variables
  sty[i] = 0.7 + Math.random();     // set step variables
	document.write("<div class=\"water\" id=\"dot"+ i +"\" style=\"position:absolute;z-index:10;visibility:visible;bottom:0;right:20px;\">&nbsp;</div>");
	dots[i] = document.getElementById("dot"+i);
}

function water() {// IE and NS6 main animation function
  doc_width = ns6up?window.innerWidth-10 : iecompattest.clientWidth-10;
	doc_height = getDocumentHeight()-110;
  for (i = 0; i < no; ++ i) {
    yp[i] += sty[i];
    if (yp[i] > doc_height-50) {
      xp[i] = Math.random()*(doc_width-am[i]-30);
      yp[i] = 0;
      stx[i] = 0.02 + Math.random() * 0.10;
      sty[i] = 0.7 + Math.random();
    }
    dx[i] += stx[i];
    dots[i].style.bottom = yp[i]+"px";
    dots[i].style.right = xp[i]+20+am[i]*Math.sin(dx[i])+"px";
  }
  snowtimer=setTimeout("water()", 35);
}

function hidesnow(){
	if (window.snowtimer) clearTimeout(snowtimer)
	for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
water();
