function scrollscroller(scrl, px)
{
  if (scrl.headlen == 0)
  {
    scrollscroller2(scrl, px);
  } else {  
    for (i=0;i<scrl.headlen;i++)
    {
      var zz = scrl.heads[i].offsetTop * -1;
      if ( (parseInt(scrl.obj.style.top) >= (zz-2)) &&
           (parseInt(scrl.obj.style.top) <= (zz+2)) )
      {
         if (scrl.heads[i].innerHTML != "-eof-")
         {
            scrl.copyspeed = scrl.pausespeed;
         } else {
            scrl.obj.style.top = (scrl.heads[0].offsetTop + scrl.heads[0].offsetHeight + 0) + "px";
         }     
         scrl.timer = setTimeout(function() { scrollrestart(scrl,px); },3000);
      } else {
        scrollscroller2(scrl,px);
      }
    }
  }
}

function scrollrestart(scrl,px)
{
  scrl.copyspeed = scrl.scrollerspeed;
  scrollscroller2(scrl,px);
}

function scrollscroller2(scrl,px)
{
    if (parseInt(scrl.obj.style.top) > (scrl.actualheight*(-1)+8))
    {
      scrl.obj.style.top = parseInt(scrl.obj.style.top) - scrl.copyspeed+"px";
//      scrl.obj.style.top = parseInt(scrl.obj.style.top) - px+"px";
    } else {
      scrl.obj.style.top = parseInt(scrl.scrollerheight)+8+"px";
    }
}

function scroller(vr,id,s,c,p) 
{
  this.vr = vr;
  this.id = id;
  this.scrollerspeed = s;
  this.scrollercontent = c;
  this.pauseit = p;
//  this.scrollerspeed = (document.all)? this.scrollerspeed : Math.max(1, this.scrollerspeed-1);
  this.copyspeed = this.scrollerspeed;
  this.iedom = document.all || document.getElementById;
  this.actualheight = '';
  this.pausespeed = (this.pauseit == 0)? this.copyspeed: 0;
  this.timer = 0;

  this.obj = '';
  this.heads = [];
  this.headlen = 0;
  
//  document.write('<div id="top' + this.id + '" style="position:relative;overflow:hidden" onMouseover="' + 
//                 vr + '.copyspeed=' + vr + '.pausespeed" onMouseout="' + vr + '.copyspeed=' + vr + '.scrollerspeed">\n');
//  document.write('<div id="' + this.id + '" style="position:absolute;left:0px;top:0px;width:100%;">\n');
//  document.write('</div>\n</div>\n');
}

function scrollPopulate(scrl,speed)
{
  scrl.obj = document.getElementById(scrl.id);
  scrl.topobj = document.getElementById('top'+scrl.id);
  scrl.topobj.style.width = scrl.obj.parentNode.parentNode.parentNode.offsetWidth + "px";
  scrl.topobj.style.height = scrl.obj.parentNode.parentNode.parentNode.offsetHeight + "px";
  scrl.obj.innerHTML = scrl.scrollercontent;

  var h = document.getElementById('top'+scrl.id).getElementsByTagName('*');
  scrl.headlen = 0;
  var s = "";
  for (i=0;i<h.length;i++)
  {
    if ( (h[i].tagName == "P") && (h[i].id.startsWith("shead")) )
    {
      scrl.heads[scrl.headlen] = h[i];
      scrl.headlen += 1;
    }  
  }
  
  scrl.actualheight = scrl.obj.offsetHeight;
  scrl.scrollerheight = scrl.obj.offsetHeight;
  len = setInterval(function() { scrollscroller(scrl, speed / 10); },speed);
}

/*
At the beginning of the HTML doc place

var s1;


Add scroller in a table as below:

<table border="1" cellpadding="0" cellspacing="0">
  <tr style="height: 240px">
      <td style="width: 600px">
          <script type="text/javascript">
             s1 = new scroller('s1','scrl1',1,c1,1);
          </script>
      </td>
  </tr>
</table>


After </body>:

<script language="JavaScript" type="text/javascript">
  scrollPopulate(s1);
</script>


Content must be defined in 1 line


  var c1 = '<br><br><br><div id="shead0" style="font-size:24px;">head1</font></div><img id="imgHeadImage" src="av/stations/cust1/headimg/Cave225.jpg" width="800" height="225">' +
      '<font face="Arial" color="green" size="5"><b>Place&quot; your content here. Script distributed by <a href="http://www.hypergurl.com">Hypergurl.com.</a>The scrolling massage will now pause on mouseover. Thanks David for the update!</b></font>' +
      '<div id="shead1" style="font-size:36px;">head2</div><table "border="1" style="background-color:pink"><tr><td>left</td><td>right</td></table>' +
      'content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>' +
      'content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content' +
      '<br><div id="shead2">head3</div>content<br>content<br>contentcontent<br>content<br>content<br>content<br>content<br>content<br>content<br>' +
      '<br><br>------------------------------<div id="shead3" style="visibility:hidden">-eof-</div>';

*/