// ***************************************************************************
// fade.js
// by i am jack's design (http://www.iamjacksdesign.com)
// last modified: 2/20/05
// ***************************************************************************

// FADE.JS WORKS OFF OF RGB VALUES FOR IT'S BASE COLOR.
// SET THE THREE VARIABLES BELOW TO THE RED, GREEN AND BLUE VALUES FOR YOUR
// DESIRED BASE COLOR.

var FADE_RED = 122;
var FADE_GREEN = 153;
var FADE_BLUE = 189;

// THE THREE VARIABLES BELOW DEFINE THE MOVEMENT OF THE FADE:
//
// 		FADE_HOLD 	= Time (in milliseconds) that your base color lasts
//					  before the fade begins.
//		FADE_SPEED 	= Time (in milliseconds) that each color of the fade lasts
//		FADE_STEP	= Increase in the RGB value per color change

var FADE_HOLD = 20;
var FADE_SPEED = 50;
var FADE_STEP = 20;


var fade_r=new Array();
var fade_g=new Array();
var fade_b=new Array();

var mytimer;

function initFade(container)
{
	document.getElementById(container).style.background='#7a99bd';
	document.getElementById(container+"_header").style.color='#003258';
	//clearTimeout(mytimer)
}

function fade(container)
{

	document.getElementById(container+"_header").style.color='#0094d2';

	if (fade_r[container] == 0) fade_r[container] == FADE_RED;
	if (fade_g[container] == 0) fade_g[container] == FADE_GREEN;
	if (fade_b[container] == 0) fade_b[container] == FADE_BLUE;

	if (fade_r[container] + fade_g[container] + fade_b[container] != (255 * 3))
	{
		document.getElementById(container).style.background = "rgb(" + fade_r[container] + "," + fade_g[container] + "," + fade_b[container] + ")";

		if ((fade_r[container] == FADE_RED) && (fade_g[container] == FADE_GREEN) && (fade_b[container] == FADE_BLUE))
		{
			mytimer = setTimeout('fade("' + container + '")', FADE_HOLD)
		}
		else
		{
			mytimer = setTimeout('fade("' + container + '")', FADE_SPEED)
		}

		if ((fade_r[container] >= 255) || (fade_r[container] + FADE_STEP > 255)) fade_r[container] = 255; else fade_r[container] = fade_r[container] + FADE_STEP;
		if ((fade_g[container] >= 255) || (fade_g[container] + FADE_STEP > 255)) fade_g[container] = 255; else fade_g[container] = fade_g[container] + FADE_STEP;
		if ((fade_b[container] >= 255) || (fade_b[container] + FADE_STEP > 255)) fade_b[container]  = 255; else fade_b[container] = fade_b[container] + FADE_STEP;
	}
	else
	{
		document.getElementById(container).style.background = "rgb(" + fade_r[container] + "," + fade_g[container] + "," + fade_b[container] + ")";
		fade_r[container] = FADE_RED;
		fade_g[container] = FADE_GREEN;
		fade_b[container] = FADE_BLUE;
	}
}