js 读取数据库中的图片滚动问题

代码如下 <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 代码是控制图片 无间断滚动的。 为什么加上之后确是 重复输出 图片呢？？？？？？？