/* This uses utils.js */

// Element, beginColor, endColor, curColor[3]
/*
1. Start with a Current Color, Number of steps to fade, the begin and end colors
		curColor[r,g,b], steps, speed, begColor, endColor
2. Change colors to RGB values - so we can mess with each one individuly.
		c_r, c_g, c_b
3. Find each colors modify value
		m_r = (endColor-c_r) / steps
		m_g = (endColor-c_g) / steps
		m_b = (endColor-c_b) / steps
4. 	Set the current Colors 
			curColor[r] += m_r
			curColor[g] += m_g
			curColor[b] += m+b
5. Set timer for next fade cycle
    TimerID = setInterval("fadeNext()",speed);

		
		function fadeNext(element)
		{
			// I want each element to have it's own set of varibles and timers
			// so you can have different text fading on the same page so I need
			// to use somethig like:
			element.cur or fadeData[element].cur
			
			curColor[r] += m_r
			curColor[g] += m_g
			curColor[b] += m+b
	    TimerID = setInterval("fadeNext()", speed);
		}
		*/

