关于 读取数据库中图片 滚动问题

代码如下  <div id="demo" style=" margin-top:15px; overflow:hidden;height:200;width:860"> 
<div id="demo1">   
 <ul>
 <? $moviearray=product("",6,0,2,1)?>
<? if(is_array($moviearray)) for($i=0; $i<count($moviearray); $i++) { ?>
      <li>   
   <span><a rel="lightbox[roadtrip]" href="<?=$moviearray[$i]["pic"]?>"  > <img src="<?=$moviearray[$i]["pic"]?>" /></a></span> <br />
  
      </li>
                
<? } ?>
 </ul>   
  <div id="demo5"></div>
   <SCRIPT  language="javascript" type="text/javascript">
var speed3=20//速度数值越大速度越慢
demo5.innerHTML=demo1.innerHTML
function Marquee(){
if(demo5.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
   </div>

    </div>那段JS 代码是控制图片 无间断滚动的。为什么加上之后确是 重复输出 图片呢？？？？？？？    在线等。