var delay = 3500;  // set delay between message change (in miliseconds)
var maxsteps = 40;  // number of steps to take to change from start color to endcolor
var stepdelay = 40;  // time in miliseconds of a single step

var startcolor = new Array(255,255,255);  // start color (red, green, blue)
var endcolor = new Array(0,0,0);  // end color (red, green, blue)

var fcontent=new Array();
begintag='<div align="left" style="font: 13px Trebuchet MS, Arial; padding: 5 0 0 10px;">';  //set opening tag, such as font declarations
fcontent[0]="<b>» Actualidad:</b> ¡Bienvenidos queridos hermanos y hermanas a nuestro sitio web en Internet!";
fcontent[1]="<b>» Actualidad:</b> Los invitamos a que disfruten de todo el material que tenemos a su disposición.";
fcontent[2]="<b>» Actualidad:</b> <a href='discipulado.htm' class='inicio'>Les presentamos con gusto las 16 lecciones semanales del Discipulado Bíblico.</a>";
fcontent[3]="<b>» Actualidad:</b> <a href='devocionales.htm' class='inicio'>Ya tenemos a su disposición los Devocionales Semanales en formato PDF.</a>";
fcontent[4]="<b>» Actualidad:</b> <a href='player.htm' class='inicio'>Nuestro reproductor de audio ya está listo para que escuche música cristiana.</a>";
fcontent[5]="<b>» Actualidad:</b> <a href='contacto.htm' class='inicio'>Sus comentarios, preguntas e inquietudes serán siempre bienvenidas.</a>";
closetag='</div>';

var fwidth='600px';  // set scroller width
var fheight='25px';  // set scroller height

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

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="border:0px solid #000; 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