﻿var delay = 7000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=40; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(74,46,131); // start color (red, green, blue) new Array(255,255,255);
var endcolor=new Array(225,225,225); // end color (red, green, blue)

var fcontent=new Array();
begintag='<div style="font: normal 12px Trebuchet MS, Helvetica, sans-serif; padding: 5px 0px 0px 10px;">'; //set opening tag, such as font declarations <a href='news.htm'>Click here to visit</a>"
//fcontent[0]="<b>What\'s new in 2010?</b><br>New scripts added to the Scroller category!<br><br>The Latest News has been updated. <a href='index.htm'><img src='pics/read_more.jpg' border='0'; align='right' style='padding-top:10px' > </a>";
fcontent[0]="<b>What\'s new in 2010?</b><br>The Friends and Family package means you can all come out together and enjoy the activities. Please click on our Friends and Family button on the home page for more information.<a href='news.htm'><img src='pics/read_more.jpg' border='0'; align='right' style='padding-top:10px' > </a>";
fcontent[1]="<b>New for 2010?</b><br>Beaver sleepovers, we have purchased some pop up tents which go up in the Group Room. This is a great way to give them a taste of camping, but indoors. <a href='index.htm'><img src='pics/read_more.jpg' border='0'; align='right' style='padding-top:10px' > </a>";
fcontent[2]="<b>2009</b><br>2009 has been a great year with over 25,000 visitors coming to the centre. Some of the large events included the Birmingham Scout County Camp with over 3000 people enjoying the fun... <a href='news.htm'><img src='pics/read_more.jpg' border='0'; align='right' style='padding-top:10px' > </a>";
closetag='</div>'; 

	

var fwidth='200px'; //set scroller width
var fheight='170px'; //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;


/*Rafael Raposo edited function*/
//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++
}

// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com

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);
  }
}

/*Rafael Raposo edited function*/
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);
	
  }   
}

/*Rafael Raposo's new function*/
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
