/***********************************************
* 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 = 5000; //set delay between message change (in miliseconds)
var maxsteps=50; // number of steps to take to change from start color to endcolor2
var stepdelay=80; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect



var startcolor2= new Array(255,255,255); // start color (red, green, blue)







var endcolor2=new Array(0,0,0); // end color (red, green, blue)







var scontent=new Array();





begintag='<div style="font: normal 18px Times; padding: 0px;border:none; vertical-align:top; text-align:left;">'; //set opening tag, such as font declarations


scontent[0]="<A HREF=\"http://www.chapelrunners.com/order2.asp\"target=\"_blank\"><IMG SRC=\"images/banner2.jpg\" alt=\Order Now\" border=\"0\" align\"center\" ></A>";

scontent[1]="<A HREF=\"http://www.chapelrunners.com/order2.asp\" target=\"_blank\"><IMG SRC=\"images/banner1.png\" alt=\Order Now\" border=\"0\" ></A>";

scontent[2]="<A HREF=\"http://www.chapelrunners.com/order2.asp\"target=\"_blank\"><IMG SRC=\"images/banner3.jpg\" alt=\Order Now\" border=\"0\" ></A>";

closetag='</div>';




var fwidth2='165px'; //set scroller width2

var fheight2='240'; //set scroller height2

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 changecontent2(){



  if (index>=scontent.length)


    index=0


  if (DOM2){


    document.getElementById("fscroller2").style.color="rgb("+startcolor2[0]+", "+startcolor2[1]+", "+startcolor2[2]+")"

    document.getElementById("fscroller2").innerHTML=begintag+scontent[index]+closetag


    if (fadelinks)



      linkcolorchange(1);
    colorfade2(1, 15);


  }



  else if (ie4)


    document.all.fscroller2.innerHTML=begintag+scontent[index]+closetag;



  index++



}


// colorfade2() partially by Marcio Galli for Netscape Communications.  ////////////


// Modified by Dynamicdrive.com

function linkcolorchange(step){


  var obj=document.getElementById("fscroller2").getElementsByTagName("A");

  if (obj.length>0){


    for (i=0;i<obj.length;i++)
      obj[i].style.color=getstepcolor2(step);


  }


}

/*Rafael Raposo edited function*/


var fadecounter2;


function colorfade2(step) {



  if(step<=maxsteps) {	

    document.getElementById("fscroller2").style.color=getstepcolor2(step);

    if (fadelinks)

      linkcolorchange(step);

    step++;


   fadecounter2=setTimeout("colorfade2("+step+")",stepdelay);

}else{

    clearTimeout(fadecounter2);
    document.getElementById("fscroller2").style.color="rgb("+endcolor2[0]+", "+endcolor2[1]+", "+endcolor2[2]+")";

    setTimeout("changecontent2()", delay);

  }   

}




function getstepcolor2(step) {


  var diff

  var newcolor2=new Array(3);


  for(var i=0;i<3;i++) {

    diff = (startcolor2[i]-endcolor2[i]);



    if(diff > 0) {

      newcolor2[i] = startcolor2[i]-(Math.round((diff/maxsteps))*step);



    } else {


      newcolor2[i] = startcolor2[i]+(Math.round((Math.abs(diff)/maxsteps))*step);


    }


  }


  return ("rgb(" + newcolor2[0] + ", " + newcolor2[1] + ", " + newcolor2[2] + ")")

}


if (ie4||DOM2)


  document.write('<div id="fscroller2" style="width2:'+fwidth2+';height2:'+fheight2+'"></div>');



if (window.addEventListener)



window.addEventListener("load", changecontent2, false)


else if (window.attachEvent)


window.attachEvent("onload", changecontent2)


else if (document.getElementById)


window.onload=changecontent2


window.onload=changecontent2