//© Dave Carnaghan modified:060604
//Javascript for realtimethrill.com

//Animates text inside whichever HTML tag has 
//its ID attribute set to "animText".
//The tag must not be the parent to any other tags.

//The CSS rule "animChar" is applied to the text
//one character at a time.

var theObject = document.getElementById("animText");
var text = theObject.innerHTML;
var chars = text.split(""); 
var i=-1; //pointer to a character

//milliseconds each character is highlighted
var charTime = 15; 
var delay;

chars[chars.length]="";

//kick it all off
setTimeout("animate()", Math.round(Math.random() * 800)+130);

function animate()
{
  i++;

  if (i < chars.length) {

    if (chars[i] != " ") {
      delay = charTime;   
      changeChar();
    } else {delay = 0;}

  } else {

    i=-1;
    delay = Math.round(Math.random() * 900)+180;
  }

  setTimeout("animate()", delay);
}

function changeChar()
{
  var q; 
  var result="";

  for (q=0; q < chars.length; q++) {
    if (q == i) {
      result += "<span id='animChar'>" + chars[q] + "</span>";
    } else {
      result += chars[q];
    }
  }

  //display result
  theObject.innerHTML = result;
}
