// JavaScript Document
var delay = 10000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=30; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
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 style="font: normal 11px Arial; padding: 3px;" align="justify" border="0">'; //set opening tag, such as font declarations
fcontent[0]="<strong>What the Right to Food is Not:</strong>  Many people, when they first hear about the right to adequate food, assume that it means that governments have an obligation to hand out free food to everyone who wants it.";
fcontent[1]="<strong>The Voluntary Guidelines in Brief:</strong> These pages provide an overview of the Voluntary Guidelines, highlighting their purpose, nature and content, but without seeking to interpret, summarize or replace them.";
fcontent[2]="<strong>Basic Concepts Series: </strong>An overview of main concepts and processes related to the implementation of the Right to Food.";
fcontent[3]="<strong>Cartoon Book:</strong> Hunger is not funny. Animated characters will show us a window on the world. Take a minute to share with them their problems and solutions.";
fcontent[4]="<strong>Right to Food Maps:</strong> 22 Countries have mentioned the different Right to Food aspects in their Constitutions.";
closetag='</div>';

var fwidth='90%'; //set scroller width
var fheight='40px'; //set scroller height

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

///No need to edit below this line/////////////////


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


//function to change content
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 black;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
  }