/**
 * This method is the core portion
 */
function valid(fld){
    if(fld.value != null){
        if(fld.value == "snow"){
            displaySnow();
        } else if(fld.value == "credits"){
            displayCredits();
        } else if(fld.value == "leopard"){
            displayLeopard(fld);
        } else if(fld.value == "rain"){
            displayRain();
        } else if(fld.value == "fireworks"){
            displayFireworks();
        } else if(fld.value == "clock") {
            clock.start();
        }
    }
}

/**
 * This initializes the snow and then starts running it.
 */
function displaySnow(){
    initSnowFlakes(5,"../images/snow.gif");
    moveSnowFlakes(100);
}

/**
 * This displays the credits
 */
function displayCredits(){
	credits=window.open("../flash/credits.swf", "credits", "toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=1,scrollbars=0,width="+(screen.width-10)+",height="+(screen.height-55)+",top=0,left=0");
        credits.focus();

}


/**
 * This sents the css value appropriately
 */
function displayLeopard(fld){
    fld.form.css.value = "leopard";
}

/**
 * This initializes the rain and then starts running it.
 */
function displayRain(){
    initRain();
    raindropIE();
}

/**
 * This initializes the snow and then starts running it.
 */
function displayFireworks(){
    initFireworks();
    Fireworks();
}


// **********************Snow Flakes************************
var snowFlakeArray = new Array();

function snowFlake(){
	this.dx = 0;                                   // set coordinate variables
	this.xPosition = Math.random()*(document.body.clientWidth-50); // set position variables
	this.yPosition = Math.random()*document.body.clientHeight;
	this.amplitude = Math.random()*20;             // set amplitude variables
	this.stepX = 0.02 + Math.random()/10;          // set step variables
	this.stepY = 0.7 + Math.random();              // set step variables
}

function initSnowFlakes(numSnowFlakes,imageLocation){

        var snowFlakeDivs = "";

	for (var i = 1; i < numSnowFlakes; i++) {  
		snowFlakeArray[i] = new snowFlake();
		snowFlakeDivs += "<div id='snowFlake"+i+"' ";
		snowFlakeDivs += "style='POSITION: absolute; Z-INDEX: "+ i +"; ";
		snowFlakeDivs += "visiblity: visible; TOP: 15px; LEFT: 15px;'>";
		snowFlakeDivs += "<img src='" + imageLocation + "'>";
		snowFlakeDivs += "</div>";

		
	}
        document.body.innerHTML =  document.body.innerHTML.toString() + snowFlakeDivs;
        

}

function moveSnowFlakes(speed) {
	var doc_width = document.body.clientWidth;
	var doc_height = document.body.clientHeight;

	for (i = 1; i < snowFlakeArray.length; i++) {  // iterate for every snow flake
		snowFlakeArray[i].yPosition += snowFlakeArray[i].stepY;
		if (snowFlakeArray[i].yPosition > doc_height-50) {
			snowFlakeArray[i].xPosition = Math.random()*(doc_width-snowFlakeArray[i].amplitude-30);
			snowFlakeArray[i].yPosition = 0;
			snowFlakeArray[i].stepX = 0.02 + Math.random()/10;
			snowFlakeArray[i].stepY = 0.7 + Math.random();

		}
		snowFlakeArray[i].dx += snowFlakeArray[i].stepX;
		document.all["snowFlake"+i].style.pixelTop = snowFlakeArray[i].yPosition;
		document.all["snowFlake"+i].style.pixelLeft = snowFlakeArray[i].xPosition + snowFlakeArray[i].amplitude*Math.sin(snowFlakeArray[i].dx);
	}

	setTimeout("moveSnowFlakes("+speed+")", speed);
}
// ****************** End Snow Flakes************************

// ******************* Rain ********************************
var no = 10;
var speed = 100;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;


function initRain(){
	doc_width = document.body.clientWidth;
	doc_height = document.body.clientHeight;

	x = new Array();
	y = new Array();
	r = new Array();
	cx = new Array();
	cy = new Array();
	s = 8;
	var rainDivs = "";
	
	for (i = 0; i < no; ++ i) {  
		rain();
 		if (i == 0) {
			rainDivs += "<div id=\"dot"+ i +"\" style=\"POSITION: ";
			rainDivs += "absolute; Z-INDEX: "+ i +"; VISIBILITY: ";
			rainDivs += "visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">";
			rainDivs += ",</font></div>";
		} else {
			rainDivs += "<div id=\"dot"+ i +"\" style=\"POSITION: ";
			rainDivs += "absolute; Z-INDEX: "+ i +"; VISIBILITY: ";
			rainDivs += "visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">";
			rainDivs += ",</font></div>";
      }
	}
	document.body.innerHTML = document.body.innerHTML.toString() + rainDivs;
}

function rain() {
	a = 6;
	r[i] = 1;
	sn = Math.sin(a);
	cs = Math.cos(a);
	cx[i] = Math.random() * doc_width + 1;
	cy[i] = Math.random() * doc_height + 1;
	x[i] = r[i] * sn + cx[i];
	y[i] = cy[i];
}

function makeRain() {
	r[i] = 1;
	cx[i] = Math.random() * doc_width + 1;
	cy[i] = 1;
	x[i] = r[i] * sn + cx[i];
	y[i] = r[i] * cs + cy[i];
}

function updateRain() {
	r[i] += s;
	x[i] = r[i] * sn + cx[i];
	y[i] = r[i] * cs + cy[i];
}

function raindropIE() {
	for (i = 0; i < no; ++ i) {
		updateRain();
		if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >=(doc_height - 20))) {
			makeRain();
			doc_width = document.body.clientWidth;
			doc_height = document.body.clientHeight;
		}
		document.all["dot"+i].style.pixelTop = y[i];
		document.all["dot"+i].style.pixelLeft = x[i];
	}

	setTimeout("raindropIE()", speed);
}

// ******************* End Rain *****************************

// ******************* Fireworks ********************************
function initFireworks(){
	var fireworkDivs = "";
	fireworkDivs += '<div id="starsDiv" style="position:absolute;top:0px;left:0px">';
	fireworkDivs += '<div style="position:relative;width:2px;height:2px;background:*ffffff;font-size:2px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*fff000;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*ffa000;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*ff00ff;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*00ff00;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*0000ff;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*FF0000;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*ffffff;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*fff000;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*ffa000;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*ff00ff;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:2px;height:2px;background:*ff00ff;font-size:2px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*0000ff;font-size:1px"></div>';
	fireworkDivs += '<div style="position:relative;width:1px;height:1px;background:*FF0000;font-size:1px"></div>';
	fireworkDivs += '</div>';
	
	document.body.innerHTML = document.body.innerHTML.toString() + fireworkDivs;
}

var Clrs = new Array(9);
Clrs[0] = 'ff0000';
Clrs[1] = '00ff00';
Clrs[2] = '000aff';
Clrs[3] = 'ff00ff';
Clrs[4] = 'ffa500';
Clrs[5] = 'ffff00';
Clrs[6] = '00ff00';
Clrs[7] = 'ffffff';
Clrs[8] = 'fffff0';

var sClrs = new Array(5);
sClrs[0] = 'ffa500';
sClrs[1] = '55ff66';
sClrs[2] = 'AC9DFC';
sClrs[3] = 'fff000';
sClrs[4] = 'fffff0';

var yBase;
var xBase;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var initialStarColor = 'ffa000';
var Mtop = 250;
var Mleft = 250;

function Fireworks() {
	yBase = window.document.body.offsetHeight / 3;
	xBase = window.document.body.offsetWidth / 8;
	step = 5;
	for ( i = 0 ; i < starsDiv.all.length ; i++ ) {
			for (ai = 0; ai < Clrs.length; ai++) {
				var c = Math.round(Math.random()*[ai]);
			}
			if (currStep < 90)
				starsDiv.all[i].style.background=initialStarColor;
			if (currStep > 90)
				starsDiv.all[i].style.background=Clrs[c];
			starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100);
			starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100);   		}

	currStep+= step;
	T=setTimeout("Fireworks()",5);
	if (currStep == 220) {
		currStep = -10;
		for (n = 0; n < sClrs.length; n++) {
			var k = Math.round(Math.random()*n);
		}
		initialStarColor = sClrs[k];

		Dtop = window.document.body.clientHeight - 250;
		Dleft = xBase * 3.5;
		Mtop = Math.round(Math.random()*Dtop);
		Mleft = Math.round(Math.random()*Dleft);
		document.all.starsDiv.style.top = Mtop+document.body.scrollTop;
		document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;

		if (Mtop < 20 || Mleft < 20) {
			Mtop += 90;
			Mleft += 90;
    	} 
   }
}

// ******************* End Fireworks *****************************

// *************** START CLOCK **************************


var ns = (document.layers);
var ie = (document.all);
var scrollBarOffset = 0;
var currentMouseYPosition = 0;
var currentMouseXPosition = 0;
var step = 0.06;
var currStep = 0;
var clock = new Clock();

function Calendar(){
	this.day = new Array( "SUNDAY", "MONDAY", "TUESDAY", "WEDNESDAY", "THURSDAY", "FRIDAY", "SATURDAY");
	this.month = new Array( "JANUARY", "FEBRUARY", "MARCH", "APRIL", "MAY", "JUNE", "JULY", "AUGUST", "SEPTEMBER", "OCTOBER", "NOVEMBER", "DECEMBER");
}

function Clock(){
    var calendar = new Calendar();  
	this.hourArrayeight = 40;
	this.width = 40;

	this.fromMouseY = 0;
	this.fromMouseX = 100;

	this.dateColor = '0000FF';
	this.faceColor = '000000';
	this.secondColor = '000000';
	this.minuteColor = '000000';
	this.hourColor = '000000';

	var date = new Date();
	var day = date.getDate();
	var year = date.getYear();
	if (year < 2000) {
		year = year + 1900;
	}
	this.dateArray = (" " + calendar.day[date.getDay()] + " " + day + " " + calendar.month[date.getMonth()] + " " + year).split('');

	this.hourArray = '...'.split('');
	this.minuteArray = '....'.split('');
	this.secondArray = '.....'.split('');
	this.faceArray = '1 2 3 4 5 6 7 8 9 10 11 12'.split(' ');
	
	this.y = new Array();
	this.x = new Array();
	this.Y = new Array();
	this.X = new Array();

	for (var i = 0; i < this.faceArray.length; i++){
		this.y[i] = 0;
		this.x[i] = 0;
		this.Y[i] = 0;
		this.X[i] = 0;
	}

	this.dateyArray = new Array();
	this.datexArray = new Array();
	this.dateYArray = new Array();
	this.dateXArray = new Array();

	for (var i = 0; i < this.dateArray.length; i++){
		this.dateyArray[i] = 0;
		this.datexArray[i] = 0;
		this.dateYArray[i] = 0;
		this.dateXArray[i] = 0;
	}

    this.start = start;
}

function start(){
    
	var newHtml = createDiv(ie, 'd', 'Date', clock.dateArray, clock.dateColor);
	newHtml += createDiv(ie, 'f', 'Face', clock.faceArray, clock.faceColor);
	newHtml += createDiv(ie, 'h', 'Hours', clock.hourArray, clock.hourColor);
	newHtml += createDiv(ie, 'm', 'Minutes', clock.minuteArray, clock.minuteColor);
	newHtml += createDiv(ie, 's', 'Seconds', clock.secondArray, clock.secondArrayecondColor);

    document.body.innerHTML = "" + document.body.innerHTML + newHtml;

	(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

	delay();
}

function createDiv(isIE, outerName, innerName, myArray, fontColor){

    
    var font = 'Arial';
	var size = 1;
	var divHeightAndWidth = size*10;

    var newHTML = "";
	    
	if(isIE){
	    var fontInfo = "<font face=" + font + " size=" + size + " color=" + fontColor + "><B>";
	    newHTML += '<div id="O'+outerName+'" style="position:absolute;top:0px;left:0px"><div style="position:relative">';
		for (var i = 0; i < myArray.length; i++) {
			newHTML += '<div id="ie'+innerName+'" style="position:absolute;top:0px;left:0;height:'+divHeightAndWidth+';width:'+divHeightAndWidth+';text-align:center">'+fontInfo+myArray[i]+'</B></font></div>';
		}
		newHTML += '</div></div>';
	} else {
		for (i=0; i < myArray.length; i++) {
			newHTML += '<layer name=ns' +outerName + '' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+fontColor+'><center><b>'+myArray[i]+'</b></center></font></layer>';
		}
	}

    return newHTML;
}

function Mouse(evnt){
	currentMouseYPosition = (ns)?evnt.pageY + clock.fromMouseY - (window.pageYOffset):event.y + clock.fromMouseY;
	currentMouseXPosition = (ns)?evnt.pageX + clock.fromMouseX:event.x + clock.fromMouseX;
}

function updateDisplay(){

	var time = new Date ();
	var sec = -1.57 + Math.PI * time.getSeconds()/30;
	var min = -1.57 + Math.PI * time.getMinutes()/30;
	var hrs = -1.575 + Math.PI * time.getHours()/6 + Math.PI*parseInt(time.getMinutes())/360;

	if (ie){
		Od.style.top = window.document.body.scrollTop;
		Of.style.top = window.document.body.scrollTop;
		Oh.style.top = window.document.body.scrollTop;
		Om.style.top = window.document.body.scrollTop;
		Os.style.top = window.document.body.scrollTop;
	}

    var sliceSize = 360/clock.faceArray.length;
	for ( var i = 0; i < clock.faceArray.length; i++){
		var faceLayer=(ns)?document.layers['nsFace' + i]:ieFace[i].style;
		faceLayer.top = clock.y[i] + clock.hourArrayeight * Math.sin(-1.0471 + i * sliceSize * Math.PI/180) + scrollBarOffset;
		faceLayer.left = clock.x[i] + clock.width * Math.cos(-1.0471 + i * sliceSize * Math.PI/180);
	}

	var handHeight = clock.hourArrayeight/4.5
	var handWidth = clock.width/4.5
	var handY = -7;
	var handX = -2.5;

	for ( var i = 0; i < clock.hourArray.length; i++){
		var hourLayer = (ns)?document.layers['nsHours' + i]:ieHours[i].style;
		hourLayer.top = clock.y[i] + handY + (i * handHeight) * Math.sin(hrs) + scrollBarOffset;
		hourLayer.left = clock.x[i] + handX + (i * handWidth) * Math.cos(hrs);
	}

	for ( var i = 0; i < clock.minuteArray.length; i++){
		var minuteLayer = (ns)?document.layers['nsMinutes' + i]:ieMinutes[i].style;
		minuteLayer.top = clock.y[i] + handY + (i * handHeight) * Math.sin(min) + scrollBarOffset;
		minuteLayer.left = clock.x[i] + handX + (i * handWidth) * Math.cos(min);
	}

	for ( var i = 0; i < clock.secondArray.length; i++){
		var secondLayer = (ns)?document.layers['nsSeconds' + i]:ieSeconds[i].style;
		secondLayer.top = clock.y[i] + handY + (i * handHeight) * Math.sin(sec) + scrollBarOffset;
		secondLayer.left = clock.x[i] + handX + (i * handWidth) * Math.cos(sec);
	}

    dateSliceSize = 360/clock.dateArray.length;
	for ( var i = 0; i < clock.dateArray.length; i++){
		var dateLayer = (ns)?document.layers['nsDate' + i]:ieDate[i].style;
		dateLayer.top = clock.dateyArray[i] + clock.hourArrayeight * 1.5 * Math.sin( currStep + i * dateSliceSize * Math.PI / 180) + scrollBarOffset;
		dateLayer.left = clock.datexArray[i] + clock.width * 1.5 * Math.cos( currStep + i * dateSliceSize * Math.PI / 180);
	}

	currStep -= step;
}

function delay(){
    var speed = 0.5;

	scrollBarOffset = (ns)?window.pageYOffset:0;
	clock.dateyArray[0] = Math.round( clock.dateYArray[0] += ( (currentMouseYPosition) - clock.dateYArray[0]) * speed);
	clock.datexArray[0] = Math.round( clock.dateXArray[0] += ( (currentMouseXPosition) - clock.dateXArray[0]) * speed);
	for (var i = 1; i < clock.dateArray.length; i++){
		clock.dateyArray[i] = Math.round( clock.dateYArray[i] += (clock.dateyArray[i-1] - clock.dateYArray[i]) * speed);
		clock.datexArray[i] = Math.round( clock.dateXArray[i] += (clock.datexArray[i-1] - clock.dateXArray[i]) * speed);
	}

	clock.y[0] = Math.round( clock.Y[0] += ( (currentMouseYPosition) - clock.Y[0] ) * speed);
	clock.x[0] = Math.round( clock.X[0] += ( (currentMouseXPosition) - clock.X[0] ) * speed);

	for (var i = 1; i < clock.faceArray.length; i++){
		clock.y[i] = Math.round(clock.Y[i] += (clock.y[i-1] - clock.Y[i]) * speed);
		clock.x[i] = Math.round(clock.X[i] += (clock.x[i-1] - clock.X[i]) * speed);
	}

	updateDisplay();
	setTimeout('delay()',40);
}

//  *************** END CLOCK **************************