/*************
**** <config>
**/
startColor = "#e0e055"; // MouseOut link color
endColor = "#DD4499"; // MouseOver link color
stepIn = 20; // delay when fading in
stepOut = 20; // delay when fading out

/*
** set to true or false; true will
** cause all links to fade automatically
***/
autoFade = true;
/*
** set to true or false; true will cause all CSS
** classes with "fade" in them to fade onmouseover
***/
sloppyClass = true;
/**
**** </config>
**************/
/*************
**** <install>
**
**
**** </install>
**************/

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";


document.onmouseover = domouseover;
document.onmouseout = domouseout;

startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());

var fadeId = new Array();

function dehexize(Color){
	var colorArr = new makearray(3);
	for (i=1; i<7; i++){
		for (j=0; j<16; j++){
			if (Color.charAt(i) == hexa[j]){
				if (i%2 !=0)
					colorArr[Math.floor((i-1)/2)]=eval(j)*16;
				else
					colorArr[Math.floor((i-1)/2)]+=eval(j);
			}
		}
}
return colorArr;
}

function domouseover(evt) {
	evt = (evt) ? evt: ((window.event) ? window.event : null);
	if (evt) {
		var elem= (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement: null);
		if (elem) {
			if ((elem.tagName == "A" && autoFade) || elem.className == "fade" ||
			    (sloppyClass && elem.className.indexOf("fade") != -1)) {
				fade(startColor,endColor,elem.id,stepIn);
			}
		}
	}
}

function domouseout(evt) {
	evt = (evt) ? evt: ((window.event) ? window.event : null);
	if (evt) {
		var elem= (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement: null);
		if (elem) {
			if ((elem.tagName == "A" && autoFade) || elem.className == "fade" ||
			    (sloppyClass && elem.className.indexOf("fade") != -1)) {
				fade(endColor,startColor,elem.id,stepOut);
			}
		}
	}
}

function makearray(n) {
	this.length = n;
	for(var i = 1; i <= n; i++)
	this[i] = 0;
	return this;
}

function hex(i) {
	if (i < 0)
		return "00";
	else if (i > 255)
		return "ff";
	else
		return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}

function setColor(r, g, b, elementid) {
	var hr = hex(r);
	var hg = hex(g);
	var hb = hex(b);
	var element=document.getElementById(elementid);
	element.style.color = "#"+hr+hg+hb;
}

function fade(s,e, elementid,step){
	var sr = s[0];
	var sg = s[1];
	var sb = s[2];

	var er = e[0];
	var eg = e[1];
	var eb = e[2];

	if (fadeId[0] != null && fade[0] != elementid){
		setColor(sr,sg,sb,fadeId[0]);
		var i = 1;
		while(i < fadeId.length){
			clearTimeout(fadeId[i]);
			i++;
		}
	}

	for(var i = 0; i <= step; i++) {
		var redbit=Math.floor(sr*((step - i)/step) + er*(i/step));
		var grnbit=Math.floor(sg*((step - i)/step) + eg*(i/step));
		var blubit=Math.floor(sb*((step - i)/step) + eb*(i/step));
		var strF="setColor("+redbit+","+grnbit+","+blubit+",'"+elementid+"')";
		fadeId[i+1] = setTimeout(strF,i*step);
					 
//		setColor(Math.floor(sr*((step - i)/step) + er*(i/step)),
//		         Math.floor(sg*((step - i)/step) + eg*(i/step)),
//			 Math.floor(sb*((step - i)/step) + eb*(i/step)),element);
//		,i*step);
	}
	fadeId[0] = elementid;
}