1. // transition effect to fade background of element from darker to lighter color
2. // could use var redBackground = new initArray(12);redBackground[0]="#33CC00"; format
3. function setbgColor(elId, r, g, b){
4.     getRef(elId).style.backgroundColor = "rgb("+r+","+g+","+b+" )";
5. }
7. function fade(elId, sr, sg, sb, er, eg, eb, step, current, speed){
8.     // printfire("----- START fade()" );
9.     if (current <= step){
10.         setbgColor(elId,Math.floor(sr * ((step-current)/step) + er * (current/step)),Math.floor(sg * ((step-current)/step) + eg * (current/step)),Math.floor(sb * ((step-current)/step) + eb * (current/step)));
11.         current++;
12.         setTimeout("fade('"+elId+"',"+sr+","+sg+","+sb+","+er+","+eg+","+eb+","+step+","+current+","+speed+" )",parseInt(speed));
13.     }
14.     // printfire("----- END fade()" );
15. }
17. function fadeIn(){
18.     if(!W3C_DOM)return;
19.     if(getRef('msg')) fade('msg', 51,204,0, 221,255,170, 30,1,20);
20.     if(getRef('status')) fade('status', 187,0,0, 255,238,221, 30,1,20);
21.    
22.     var arrayElements = getElementsByAttribute("tr", "class", "added" );
23.    
24.     if (arrayElements.length > 0) {
25.         fade(arrayElements[0].id, 255,255,51, 255,255,255, 30, 1, 70)
26.     }
27. }
28. addLoadEvent(fadeIn);

function fadeColors(id,startColor,stopColor,nbTrans,delay) {
 
    var elm = document.getElementById(id) || document.getElementById("fadingDiv" ); // l element qui doit etre dégradé
    var delay = delay || 100; // en millisecondes c ets le temps qui passe entre chaque execution. a diminuer si la fluidité n est pas au rendez vous
    var nbTrans = nbTrans || 20; // le nombre de transitions...a augmenter si ce n ets pas assez fluide
    var startColor = startColor || [255,255,255]; // remplacer par les chiffres qui vont bien
    var stopColor = stopColor || [99,0,0]; // pareil
 
    // maintenant il faut calculer le delta de chaque couleur
    var rDelta = Math.floor((stopColor[0]-startColor[0])/nbTrans);
    var gDelta = Math.floor((stopColor[1]-startColor[1])/nbTrans);
    var bDelta = Math.floor((stopColor[2]-startColor[2])/nbTrans);
 
    // on cree les variables ou vont etre stockees les couleurs temporaires
    var rTemp = startColor[0];
    var gTemp = startColor[1];
    var bTemp = startColor[2];
 
    // un petit setInterval pour que la fonction se repete d elle meme
    var interval = setInterval(function() {
        rTemp += rDelta;
        gTemp += gDelta;
        bTemp += bDelta;
        elm.style.backgroundColor = "rgb("+rTemp+","+gTemp+","+bTemp+" )";
        if (rTemp<0 || gTemp<0 || bTemp<0|| rTemp>255 || gTemp>255 || bTemp>255 ) {
            clearInterval(interval);
            elm.style.backgroundColor = "rgb("+stopColor[0]+","+stopColor[1]+","+stopColor[2]+" )";;
        }
    },delay);
        
}

onload = function() {
    fadeColors();
    fadeColors("fadingDiv2",[46,241,32],[255,32,28]);
};