/***********************************************
* Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var delay = 3000; //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(0,0,0); // start color (red, green, blue)
var endcolor=new Array(255,255,255); // end color (red, green, blue)

var fcontent=new Array();
begintag='<div style="color:white">'; //set opening tag, such as font declarations


//This is where you will update the html for the various scroll items in the scroller.  If you need to add a new item you will need to create a new item in the fcontent[n] array

fcontent[0]="<img style='padding: 5px; float: left;' src='http://community.faia.com/uploads/54692/12586459914b0569e777421.png' height='49' width='40' alt='Jeff Grady' /><span style='font-size: .9em; float: right; width: 100px;'><a href='http://community.faia.com/profile.htm?mode=pvb&amp;pid=54692'>View Jeff Grady's Blog</a></span>";
fcontent[1]="<img style='padding: 5px; float: left;' src='http://community.faia.com/uploads/17816/12626109814b41ea2599254.gif' height='57' width='43' alt='Scott Johnson' /><span style='font-size: .9em; float: right; width: 100px;'><a href='http://community.faia.com/profile.htm?mode=pvb&pid=17816'>View Scott Johnson's Blog</a></span>";
fcontent[2]="<img style='padding: 5px; float: left;' src='http://community.faia.com/uploads/17811/12628985394b464d6bed058.jpg' height='57' width='43' alt='Cindy Molnar' /><span style='font-size: .9em; float: right; width: 100px;'><a href='http://community.faia.com/profile.htm?mode=pvb&amp;pid=17811'>View Cindy Molnar's Blog</a></span>";
fcontent[3]="<img style='padding: 5px; float: left;' src='http://community.faia.com/uploads/3307/12446519184a2fe18e867a2.jpg' height='57' width='43' alt='Dave Thompson' /><span style='font-size: .9em; float: right; width: 100px;'><a href='http://community.faia.com/profile.htm?mode=pvb&amp;pid=3307'>View David Thompson's Blog</a></span>";
fcontent[4]="<img style='padding: 5px; float: left;' src='http://community.faia.com/uploads/16168/12444870484a2d5d88cf227.gif' height='57' width='43' alt='Dave Newell' /><span style='font-size: .9em; float: right; width: 100px;'><a href='http://community.faia.com/profile.htm?mode=pvb&amp;pid=16168'>View Dave Newell's Blog</a></span>";
fcontent[5]="<img style='padding: 5px; float: left;' src='http://community.faia.com/uploads/2647/12495871474a7b2fcb8b793.jpg' height='57' width='43' alt='Bill Perkins' /><span style='font-size: .9em; float: right; width: 100px;'><a href='http://community.faia.com/profile.htm?mode=pvb&amp;pid=2647'>View Bill Perkins' Blog</a></span>";


closetag='</div>';

var fwidth='155px'; //set scroller width
var fheight='100px'; //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 class="acute2" id="fscroller" style="color:navy;padding:1px;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