/***********************************************
* 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 = 4000; //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(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 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations


fcontent[0]="<div style='background-color: #FFFFDD ; padding: 6px; border: solid 1px  #FFFFDD ; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:150%; word-spacing: 3px; font-size: 120%; '><font color=green><i><b>More Comfortable and Secure . . .</b></font><br/>Traveling With Drivers And Riders That Are Right For You !</i></div>";

fcontent[1]="<div style='float: left; width: 110px;'><img src='20MAR10_Garden Veg 01A.PNG' /></div><div style=' float: left; background-color: #79973F; padding: 8px; line-height:120%; border: solid 1px #1F1F1F; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: arial; font-size: 120%;  font-style: italic;  font-weight: 900;  color: #FFFFFF;  word-spacing: 3px;    '>Sell Your Garden Vegetables . . .<br />To Your Local 'Favorite' Customers . . . </div>";

fcontent[2]="<div style='background-color: #FFFFDD ; padding: 6px; border: solid 1px  #FFFFDD ; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:130%; font-family: arial; font-size: 120%;  font-style: italic;  font-weight: 900;  color: green ; word-spacing: 3px; '>A Lower Cost And Safer Way For You To Travel and Shop . . .</div>";

fcontent[3]="<div style='background-color: #FFFFDD ; padding: 6px; border: solid 1px  #FFFFDD ; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:150%; word-spacing: 3px; font-size: 110%;  '>Learn more about RunAndGetIt ...<br /><a href='../faqs.php'><font color=blue>Click Here</font></a>... to view Frequently Asked Questions.</div>";

fcontent[4]="<div style='background-color: #FFFFDD ; padding: 6px; border: solid 1px  #FFFFDD ; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:150%; word-spacing: 3px; font-size: 110%;  '><font color=green><i><b>RunAndGetIt<br />is a <font color=red>Free Service</font> ...</b></font><a href='../subscribe.php'><font color=blue>Click Here</font></a>... to learn more.</div>";

fcontent[5]="<div style='background-color: #FFFFDD ; padding: 6px; border: solid 1px  #FFFFDD ; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:150%; font-family: arial; font-size: 110%;  font-style: italic;  font-weight: 900; word-spacing: 3px; '>RunAndGetIt mothers<br />have established  <font color=green><i><b>' Driving Clubs '</b></font> in their neighborhoods . . .</div>";

fcontent[6]="<div style='background-color: #FFFFDD ; padding: 6px; border: solid 1px  #FFFFDD ; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:150%; word-spacing: 3px; font-family: arial; font-size: 120%;  font-style: italic;  font-weight: 900;  color: green; '>Easily Check Your 'Driver Webpages' for . . .<br /><u>Available 'Travel Schedule Offers' In Your Area</u> !</div>";

fcontent[7]="<div style='background-color: #FFFFDD ; padding: 6px; border: solid 1px  #FFFFDD ; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:150%; word-spacing: 3px; font-size: 120%; '>Are you searching for Drivers traveling along your route to work ?<br /><a href='../riders.php'><font color=blue>Click Here</font></a>... to learn more about Free 'Rider Profile' Sign-Up</div> ";

fcontent[8]="<div style='background-color: #FFFFDD ; padding: 6px; border: solid 1px  #FFFFDD ; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:150%; word-spacing: 3px; '><font color=green><i><b>Pick-Up 'Take Out' Orders For Your Friends & Neighbors<br />...and cover your fuel expense while helping them...</b></font></div> ";

fcontent[9]="<div style='float: left; width: 60px;'><img src='01MAR10_Oil Drop 02B.PNG' /></div><div style=' float: left; background-color: yellow; padding: 8px; line-height:120%; border: solid 1px #1F1F1F; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: arial; font-size: 110%;  font-style: italic;  font-weight: 900;  color: #1F1F1F;  word-spacing: 3px;    '>At Our Current Consumption Rate . . . <br />How Long Will It Last . . And At What Price ?</div>";

fcontent[10]="<div style='float: left; width: 110px;'><img src='20MAR10_Garden Veg 01A.PNG' /></div><div style=' float: left; background-color: #1F1F1F; padding: 8px; line-height:120%; border: solid 1px #1F1F1F; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: arial; font-size: 120%;  font-style: italic;  font-weight: 900;  color: #FFFFFF;  word-spacing: 3px;    '>Sell Your Garden Vegetables . . .<br />To Your Local 'Favorite' Customers . . . </div>";

fcontent[11]="<div style='float: left; width: 110px;'><img src='27FEB10_US Flag 02B.PNG' /></div><div style=' float: left; background-color: #1F1F1F; padding: 8px; line-height:120%; border: solid 1px #1F1F1F; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: arial; font-size: 120%;  font-style: italic;  font-weight: 900;  color: #FFFFFF;  word-spacing: 3px;    '>When You Shop . . .<br />Support Your Local, Small Businesses . . . </div>";





closetag='</div>';


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