今天碰到了一个问题

<div id=andyscroll>
<div id=scrollmessage>
<ul>
<li>滚动文字</li>
<li>滚动文字</li>
<li>滚动文字</li>
<li>滚动文字</li></ul>
</div>
</div>
<script type="text/javascript"> 
<!--
try{
  var marquesHeight = 350;
  var stopscroll     = false;
  
  var scrollElem = document.getElementById("andyscroll");
  with(scrollElem){
    style.width     = 369;
    style.height    = marquesHeight;
    style.overflow  = 'hidden';
    noWrap          = true;
  }
  
  scrollElem.onmouseover = new Function('stopscroll = true');
  scrollElem.onmouseout  = new Function('stopscroll = false');
  
  var preTop     = 0;
  var currentTop = 0;
  var stoptime   = 0;
  
      var leftElem = document.getElementById("scrollmessage");
  scrollElem.appendChild(leftElem.cloneNode(true));
  init_srolltext();
  
}catch(e){}
  
function init_srolltext(){
  scrollElem.scrollTop = 0;
  setInterval('scrollUp()', 15);
}
  
function scrollUp(){
  if(stopscroll) return;
  currentTop += 1;
  if(currentTop == 26){
    stoptime += 1;
    currentTop -= 1;
    if(stoptime == 150){
      currentTop = 0;
      stoptime = 0;
    }
  }else{
    preTop = scrollElem.scrollTop;
    scrollElem.scrollTop += 1;
    if(preTop == scrollElem.scrollTop){
      scrollElem.scrollTop = 0;
      scrollElem.scrollTop += 1;
    }
  }
}
//--> 
</script> 
这个可以向上滚动，但我要做两个滚动，实现不了，只有一个滚动，另外一个不滚动