/***********************************************
* 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 = 6000; 
var maxsteps=20; 
var stepdelay=10; 
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(136,0,0); // end color (red, green, blue)

var fcontent=new Array();
begintag="<div style='font: normal 11px Arial'>"; //set opening tag, such as font declarations
fcontent[3]="<p><img class='floatrightclear' alt='Loading croquet image' src='tathumbs/croquet_on_the_domain_at_te_aroha.jpg' width='200' height='132'></br><strong>Croquet on the Te Aroha Domain - </strong>Perfect for a summer evening down at the Te Aroha Croquet Club</p>";
fcontent[1]="<p><img class='floatrightclear' alt='Loading Fredas image' src='tathumbs/fredas.jpg' width='200' height='150'></br><strong>Fredas - </strong>An outstanding wee cottage shop in Te Aroha</p>";
fcontent[2]="<p><img class='floatrightclear'  alt='Loading Grand Tavern image' src='tathumbs/grand_tavern.jpg' width='200' height='150'></br><strong>The Grand Tavern - </strong>Beer and banter with the locals?</p>";
fcontent[4]="<p><img class='floatrightclear'  alt='Loading Piako Gliding Club image' src='tathumbs/piako_gliding_club.jpg' width='200' height='150'></br><strong>Piako Gliding Club - </strong>For the slightly more adventurous, nothing beats the views of the Kaimai Mountain Reserve than from a glider</p>";
fcontent[5]="<p><img class='floatrightclear'  alt='Loading Te Aroha Domain image' src='tathumbs/te_aroha_domain_in_evening.jpg' width='200' height='150'></br><strong>Te Aroha Domain in the Evening - </strong>A late night walk in the domain before heading for a meal at Ironique</p>";
fcontent[6]="<p><img class='floatrightclear'  alt='Loading Mt Te Aroha image' src='tathumbs/Te_aroha_mountain_lodge.jpg' width='200' height='138'></br><strong> Aroha Mountain Lodge - </strong>Exclusive accommodation in Te Aroha. Nestled at the foot of Mount Te Aroha the Lodge is ideally located at the entrance to the hot mineral pools, soda spas and bush reserve.</p>";
fcontent[7]="<p><img class='floatrightclear'  alt='Loading Te Aroha Museum image' src='tathumbs/Te_aroha_mountain_museum.jpg' width='200' height='150'></br><strong>Te Aroho Museum - </strong>The beautiful Cadman building at the foot of Mount Te Aroha (3600ft)</p>";
fcontent[8]="<p><img class='floatrightclear'  alt='Loading Te Aroha Wetlands image' src='tathumbs/Te_Aroha_wetlands.jpg' width='200' height='150'></br><strong> Te Aroha Wetlands - </strong>A little gem of a walk, known by all the locals.</p>";
fcontent[0]="<p><img class='floatrightclear'  alt='Loading Wyborn Pools image' src='tathumbs/wyborn_outdoor_spa.jpg' width='200' height='161'></br><strong>Wyborn Outdoor Spa - </strong>A Geothermally heated swimming and spa pool.  Popular with both tourists and locals.</p>";
closetag='</div>';

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