// set delay between message change (in miliseconds)
var delay = 6000;

// number of steps to take to change from start color to endcolor
var maxsteps = 30;

// time in miliseconds of a single step
var stepdelay = 40;

// start color (red, green, blue)
var startcolor = new Array(220,220,220);

// end color (red, green, blue)
var endcolor = new Array(51,51,51);

// set scroller width
var fwidth = 'auto';

// set scroller height
var fheight = 'auto';

// should links inside scroller content also fade like text?
// 0 for no, 1 for yes.
var fadelinks = 1;

var ie4 = document.all && ! document.getElementById;
var DOM2 = document.getElementById;
var faderdelay = 0;
var index = 0;

function changecontent() {
    if (index >= fcontent.length)
        index = 0;
        
    if (DOM2) {
        document.getElementById("fscroller").style.color = "rgb(" + startcolor[0] + ", " + startcolor[1] + ", " + startcolor[2] + ")";
        
        document.getElementById("fscroller").innerHTML = begintag + fcontent[index] + closetag;

        if (fadelinks)
            linkcolorchange(1);
            
        colorfade(1, 15);
    }
    else if (ie4)
        document.all.fscroller.innerHTML = begintag + fcontent[index] + closetag;
        
    index++;
}

function linkcolorchange(step) {
    var obj = document.getElementById("fscroller").getElementsByTagName("A");

    if (obj.length > 0){
        for (i=0; i<obj.length; i++)
            obj[i].style.color = getstepcolor(step);
    }
}

var fadecounter;

function colorfade(step) {
    if (step <= maxsteps) {	
        document.getElementById("fscroller").style.color = getstepcolor(step);
        
        if (fadelinks)
            linkcolorchange(step);
        
        step++;
        
        fadecounter = setTimeout("colorfade(" + step + ")",stepdelay);
    }
    else {
        clearTimeout(fadecounter);
        
        document.getElementById("fscroller").style.color = "rgb(" + endcolor[0] + ", " + endcolor[1] + ", " + endcolor[2] + ")";

        setTimeout("changecontent()", delay);
    }   
}

function getstepcolor(step) {
    var diff;
    var newcolor = new Array(3);
    
    for(var i=0; i<3; i++) {
        diff = (startcolor[i]-endcolor[i]);
        if (diff > 0) {
            newcolor[i] = startcolor[i] - (Math.round((diff / maxsteps)) * step);
        } else {
            newcolor[i] = startcolor[i] + (Math.round((Math.abs(diff) / maxsteps)) * step);
        }
    }

    return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}

if (ie4||DOM2)
    document.write('<div id="fscroller" style="width:' + fwidth + '; height:' + fheight + '"></div>');

if (window.addEventListener)
    window.addEventListener("load", changecontent, false);
else if (window.attachEvent)
    window.attachEvent("onload", changecontent);
else if (document.getElementById)
    window.onload=changecontent;