JS picture left and right uninterrupted scrolling code

<div id=demo style= "Overflow:hidden; width:960px; Align:center ""
<table cellspacing= "0" cellpadding= "0" align= "center" border= "0"
<tr>
< TD id= "MarquePic1" valign= "Top"
<table width= "100%"   border= "0" cellpadding= "ten" cellspacing= "0" >
<tr>
<td><img src= "http://www.jzread.com/skin/default/imga/logo.gif" border= "0" width= "282" height= "/></td>"
<td><img src= "Http://www.jzread.com/skin/default/imga/logo.gif" 0 "width=" 282 "height="/></TD>
<td><img src= "http://www.jzread.com/skin/default/imga/ Logo.gif "border=" 0 "width=" 282 "height=" "/></TD>
<td><img src=" http://www.jzread.com/skin/" Default/imga/logo.gif "border=" 0 "width=" 282 "height=" "/></TD>
<td><img src=" http://" Www.jzread.com/skin/default/imga/logo.gif "border=" 0 "width=" 282 "height="/></TD>
<td>< IMG src= "http://www.jzread.coM/skin/default/imga/logo.gif "border=" 0 "width=" 282 "height=" "/></TD>
</tr>
</table> &NBSP;&NBSP;&NBSP;&NBSP
</td>
<td id= "MarquePic2" valign= "top" ></TD>
</tr>
</table>
</div>
<script type=text/javascript>
var speed=30
Marquepic2.innerhtml= marquepic1.innerhtml
Function Marquee () {
if (demo.scrollleft>=marquepic1.scrollwidth) {
Demo.scrollleft=0
}else{
demo.scrollleft++
}}
var mymar=setinterval (marquee,speed)
Demo.onmouseover=function () {clearinterval (MyMar)}
Demo.onmouseout=function () {Mymar=setinterval (Marquee, Speed)}
</script>