图片滚动问题

我的script部分是复制别人的，body部分是脱别人的。（别人的例子成功了）
可当我变成自己的东西时就出问题了。
现象：当走到最后时并不是不间断显示，而是从头，显示了，望高手帮小弟看看。复制即可看到现象
<body>
<div>
<div id="demo" style="overflow:hidden; width:100px; height:21px">
<div id="demo1" style="width:200px">
<table>
<tr>
<td><div style="width:35px">1</div></td>
<td><div style="width:35px">2</div></td>
<td><div style="width:35px">3</div></td>
<td><div style="width:35px">4</div></td>
<td><div style="width:35px">5</div></td>
</tr>
</table>
</div>
<div id="demo2"></div>
<script type="text/javascript">
var speed3=25//速度数值越大速度越慢
var dm=document.getElementById("demo")
var dm1=document.getElementById("demo1")
var dm2=document.getElementById("demo2")
function Marquee(){
if(dm2.offsetWidth-dm.scrollLeft<=0)
{
dm.scrollLeft-=dm1.offsetWidth
}
else
{
dm.scrollLeft++
}
}
var MyMar=setInterval("Marquee()",speed3)
dm.onmouseover=function() {clearInterval(MyMar)}
dm.onmouseout=function() {MyMar=setInterval("Marquee()",speed3)}
</script>
</div></div>
</body>