<!--

var boxWidth = 400;
var interval = 20;
var paneWidth;

function startTicker() {

  var scrollBox = document.getElementById('scrollBox');
  var scrollPane1;
  var scrollPane2

  scrollBox.style.width = boxWidth + 'px';
  scrollBox.innerHTML = scrollBox.innerHTML + " <span class='scroller' id='scroll2'>" + document.getElementById('scroll1').innerHTML + "</span>";

  scrollPane1 = document.getElementById('scroll1');
  scrollPane2 = document.getElementById('scroll2');
  paneWidth = scrollPane1.offsetWidth;

  scrollPane1.style.left = (Math.random() * paneWidth * (-1)) + 'px';
  scrollPane2.style.left = (parseInt(scrollPane1.style.left) + parseInt(paneWidth)) + 5 + 'px';

  setInterval(scrollIt, interval);
}

function scrollIt() {

  var scrollPane1 = document.getElementById('scroll1');
  var scrollPane2 = document.getElementById('scroll2');

  if (parseInt(scrollPane1.style.left) < (paneWidth * (-1))) {
 
    scrollPane1.style.left = parseInt(scrollPane2.style.left) + (paneWidth * 1) + 5 + 'px';
  }

  if (parseInt(scrollPane2.style.left) < (paneWidth * (-1))) {

    scrollPane2.style.left = parseInt(scrollPane1.style.left) + (paneWidth * 1) + 5 + 'px';
  }

  scrollPane1.style.left = parseInt(scrollPane1.style.left) - 1 + 'px';
  scrollPane2.style.left = parseInt(scrollPane2.style.left) - 1 + 'px';

//  document.getElementById("debug").innerHTML = scrollPane1.style.left + " <- " + scrollPane2.style.left;
}

-->