var no = 7; // snow number 
var speed = 40; // smaller number moves the snow faster 
 
balloon = new Array(); 
balloon[0] = " http://myweb.hinet.net/home2/mastermind/image/pink1.gif"; 
balloon[1] = " http://myweb.hinet.net/home2/mastermind/image/pink1.gif"; 
balloon[2] = "http://myweb.hinet.net/home2/mastermind/image/pink1.gif"; 
var maxballoon = 2;  // ‰æ?‚Ì? 
 
var ns4up = (document.layers) ? 1 : 0;  // browser sniffer 
var ie4up = (document.all) ? 1 : 0; 
var dx, xp, yp;    // coordinate and position variables 
var am, stx, sty;  // amplitude and step variables 
var i, doc_width = 500, doc_height = 600; 
 
if (ns4up) { 
	doc_width = self.innerWidth; 
	doc_height = self.innerHeight - 50; 
} else if (ie4up) { 
	doc_width = document.body.clientWidth; 
	doc_height = document.body.clientHeight -50; 
} 
 
dx = new Array(); 
xp = new Array(); 
yp = new Array(); 
am = new Array(); 
stx = new Array(); 
sty = new Array(); 
j = maxballoon; 
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()/10; // set step variables 
	sty[i] = 0.7 + Math.random();     // set step variables 
	if (ns4up) {                      // set layers 
		if (i == 0) { 
			document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"500\" visibility=\"show\"><img src=\"" + balloon[j] + "\" border=\"0\"></layer>"); 
		} else { 
			document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"500\" visibility=\"show\"><img src=\"" + balloon[j] + "\" border=\"0\"></layer>"); 
	   } 
	} else if (ie4up) { 
		if (i == 0) { 
			document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 500px; LEFT: 15px;\"><img src=\"" + balloon[j] + "\" border=\"0\"></div>"); 
		} else { 
			document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 500px; LEFT: 15px;\"><img src=\"" + balloon[j] + "\" border=\"0\"></div>"); 
    	} 
	} 
	if (j == 0) { j = maxballoon; } else { j -= 1; } 
} 
 
function snowNS() {  // Netscape main animation function 
	for (i = 0; i < no; ++ i) {  // iterate for every dot 
		yp[i] -= sty[i]; 
		if (yp[i] < 0) { 
			xp[i] = Math.random()*(doc_width-am[i]-30); 
			yp[i] = doc_height; 
			stx[i] = 0.02 + Math.random()/10; 
			sty[i] = 0.7 + Math.random(); 
			doc_width = self.innerWidth; 
			doc_height = self.innerHeight -50; 
		} 
		dx[i] += stx[i]; 
		document.layers["dot"+i].top = yp[i]*1.5; 
		document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); 
	} 
	setTimeout("snowNS()", speed); 
} 
 
function snowIE() {  // IE main animation function 
	for (i = 0; i < no; ++ i) {  // iterate for every dot 
		yp[i] -= sty[i]; 
		if (yp[i] < 0) { 
			xp[i] = Math.random()*(doc_width-am[i]-30); 
			yp[i] = doc_height; 
			stx[i] = 0.02 + Math.random()/10; 
			sty[i] = 0.7 + Math.random(); 
			doc_width = document.body.clientWidth; 
			doc_height = document.body.clientHeight -50; 
		} 
	dx[i] += stx[i]; 
	document.all["dot"+i].style.pixelTop = yp[i]*1.5; 
	document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); 
	} 
	setTimeout("snowIE()", speed); 
} 
 
if (ns4up) { 
	snowNS(); 
} else if (ie4up) { 
	snowIE(); 
} 
// End -->