
/***********************************************
* 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 = 10; //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(66,73,72); // start color (red, green, blue)
var endcolor=new Array(255,255,255); // end color (red, green, blue)

var fcontent=new Array();
begintag='<div style="font: normal 12px Verdana; padding: 10px 0 5px 5px; width: 270px; color: black; line-height: 12px;">'; //set opening tag, such as font declarations
begintag='<ul font-size: 80%;	padding-left: 10px;	margin:.5em 1em .5em 5em;line-height:1.0em!important; font-size: 70%;">'; 
fcontent[0]="<li>Accounting</li><li>Advertising</li><li>Agriculture</li><li>Airlines</li><li>Apparel</li><li>Associations</li><li>Automotive</li><li>Banking</li><li>Brand management</li>"; 
fcontent[1]="<li>Building trades</li><li>Business services</li><li>Charities</li><li>Chemicals</li><li>Childcare</li><li>Colleges</li><li>Commodities</li><li>Communications</li>"; 
fcontent[2]="<li>Computers</li><li>Construction</li><li>Consulting</li><li>Contractors</li><li>Credit unions</li><li>Data processing</li><li>Education</li><li>Elections</li>"; 
fcontent[3]="<li>Electrical</li><li>Energy</li><li>Entertainment</li><li>Environmental</li><li>Finance</li><li>Financial services</li><li>Fishing</li><li>Food</li>"; 
fcontent[4]="<li>Forestry</li><li>Furniture</li><li>Gas</li><li>Health care</li><li>Horticulture</li><li>Hospitals</li><li>Hotels</li><li>Human resources</li>"; 
fcontent[5]="<li>Insurance</li><li>International agencies</li><li>Internet</li><li>Investments</li><li>Investor relations</li><li>ISO 9000</li><li>Justice</li><li>Legal services</li>"; 
fcontent[6]="<li>Libraries</li><li>Lobbying</li><li>Machinery</li><li>Magazines</li><li>Manufacturing</li><li>Marketing</li><li>Media relations</li><li>Merchandising</li><li>Metals</li>"; 
fcontent[7]="<li>Minerals</li><li>Mining</li><li>Municipal government</li><li>Museums</li><li>New products</li><li>News media</li><li>Newspapers</li><li>Nursing</li>"; 
fcontent[8]="<li>Oil</li><li>Paper</li><li>Pension funds</li><li>Personal services</li><li>Planning</li><li>Plastics</li><li>Police</li><li>Postal services</li>"; 
fcontent[9]="<li>Printing</li><li>Professions</li><li>Public affairs</li><li>Public safety</li><li>Public services</li><li>Public transit</li><li>Publishing</li><li>Quality assurance</li>"; 
fcontent[10]="<li>Radio</li><li>Rail</li><li>Real estate</li><li>Regulatory affairs</li><li>Religious organizations</li><li>Resources</li><li>Restaurants</li><li>Retail</li>"; 
fcontent[11]="<li>Risk management</li><li>Sales</li><li>Schools</li><li>Security</li><li>Social media</li><li>Social services</li><li>Stores</li><li>Television</li>"; 
fcontent[12]="<li>Textiles</li><li>Tourism</li><li>Transportation</li><li>Trucking</li><li>Unions</li><li>Universities</li><li>Water</li>"; 

closetag='</ul>';
closetag='</div>';
var fwidth='250px'; //set scroller width
var fheight='146px'; //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="border:0px solid #464A51;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

