document.all?ie=true:ie=false;

//takes the id sent in and gets it's color - then over time it fades it to the finColors.
//(only catch is the color must be set in rgb(x,y,z) in the style...)
  var timeOut=new Array();
  var amountChange=5;
  function fadeMe(id,finColor1,finColor2,finColor3){
    myColor=document.getElementById(id).style.color;
    //parse the rgb color and discover how we need to change it
    myColor=myColor.substring(4,myColor.length-1);
    for(i=1;i<4;i++){
      Comma=myColor.search(/,/);
      if(Comma!=-1){
        eval("col"+i+"=myColor.substring(0,Comma)");
        ie?myColor=myColor.substring(Comma+1):myColor=myColor.substring(Comma+2);
      }else{
        eval("col"+i+"=myColor");
      }
      if(!eval("col"+i+"==finColor"+i)){
        if(eval("col"+i+">finColor"+i)){
          eval("whatToDo"+i+"='-'");
          eval("tester"+i+"='<'");
        }else{
          eval("whatToDo"+i+"='+'");
          eval("tester"+i+"='>'");
        }
      }
    }
    //decrement the colors
    for(i=1;i<4;i++){
      if(!eval("col"+i+"==finColor"+i)){
        x=parseInt(eval("col"+i));
        eval("col"+i+"="+x+eval("whatToDo"+i)+amountChange);
	  }
	}
	//set it
	document.getElementById(id).style.color="rgb(" + col1 + "," + col2 + "," + col3 + ")";
	//done?
	if(!eval("col1"+tester1+"finColor1") || !eval("col2"+tester2+"finColor2") || !eval("col3"+tester3+"finColor3")){
	  timeOut[parseInt(id)]=setTimeout("fadeMe('"+id+"',"+finColor1+","+finColor2+","+finColor3+")",50);
	}
  }