var firstColor="";
var lastColor="";
var rStep=0;
var gStep=0;
var bStep=0;
var steps=30;
var count=steps;
var cycle=0;

var msg1="<div><table cellspacing=0 height=100%><tr><td id='bot'  valign=middle style='font: bold 20pt verdana; text-align: center'>BIENVENIDOS A LA PAGINA EN LA RED DE LOS GUARDIANES DE LA TRADICION</td></tr></table></div>";

var msg2="<table border=0 cellspacing=0 height=100% width=100%><tr><td id='top' class='fader' style='background-color: #FF0000; color: #FF0000; '>TROPA</TD></tr><tr><td id='bot' class='fader' style='background-color: #ff0000; color: #ff0000; font-size: 68pt '>1167</td></tr></table>";

var hexDigit=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");

function dec2hex(dec)
{
        return(hexDigit[dec>>4]+hexDigit[dec&15]);
}
function hex2dec(hex)
{
        return(parseInt(hex,16));
}
function setSteps(firstColor,lastColor){

        var rfColor=hex2dec(firstColor.slice(0,2));
        var gfColor=hex2dec(firstColor.slice(2,4));
        var bfColor=hex2dec(firstColor.slice(4,6));

        var rlColor=hex2dec(lastColor.slice(0,2));
        var glColor=hex2dec(lastColor.slice(2,4));
        var blColor=hex2dec(lastColor.slice(4,6));

        rStep=Math.floor((rlColor-rfColor)/steps);
        if(rStep<0){rStep=rStep+1;}
        gStep=Math.floor((glColor-gfColor)/steps);
        if(gStep<0){gStep=gStep+1;}
        bStep=Math.floor((blColor-bfColor)/steps);
        if(bStep<0){bStep=bStep+1;}


}
function getColor(pepe){
        rColor=hex2dec(pepe.slice(0,2))+rStep;
        gColor=hex2dec(pepe.slice(2,4))+gStep;
        bColor=hex2dec(pepe.slice(4,6))+bStep;
        retColor=dec2hex(rColor)+dec2hex(gColor)+dec2hex(bColor);

        return(retColor);
}
function setCycle(x){
  if(x==1){
         document.all['cntr'].innerHTML=msg1;
         document.all['bot'].style.backgroundColor="#FF0000";

         firstColor="FF0000";
         lastColor="FFFFFF";
         curColor=firstColor;
         setSteps("FF0000","FFFFFF");
         count=0;
         return;

  }
  if(x==2){
         firstColor="FFFFFF";
         lastColor="FF0000";
         curColor=firstColor;
         setSteps("FFFFFF","FF0000");
         count=0;
         return;
  }
  if(x==3){

       document.all['cntr'].innerHTML=msg2;
       firstColor="FF0000";
       lastColor="FFFFFF";
       curColor=firstColor;
       setSteps("FF0000","FFFFFF");
       count=0;
  }

}
function fadeIt(){

         if(cycle==0){
            cycle=cycle+1;
            setCycle(cycle);
         }
         if(count<steps){
                curColor=getColor(curColor);
                count=count+1;

                document.all['bot'].style.color=curColor;
                if(cycle==3){
                   document.all['top'].style.backgroundColor=curColor;
                }
                setTimeout("fadeIt()",100);
        }else{
                document.all['bot'].style.color=lastColor;
                if(cycle==3){
                   document.all['top'].style.backgroundColor=lastColor;
                   return;
                }
                cycle=cycle+1;
                setCycle(cycle);
                setTimeout("fadeIt()",100);

        }

}