图片循环滚动

 <SCRIPT type=text/javascript> 
document.write('<table align=center width=745 border=0 cellpadding=0 cellspacing=0'); 
document.write(' <tr> '); 
document.write(' <td width=745 height=100 align=center class=border01>'); 
document.write(' <div id=demo style=overflow:hidden;width:745px;align=center>'); 
document.write(' <table border=0 align=center cellpadding=0 cellspacing=0 cellspace=0 >'); 
document.write(' <tr>'); 
<? 
  $query=mysql_query("select * from `$webproduct` order by id desc limit 0,8");
  while($array=@mysql_fetch_array($query))
  {
  $aid=$array['id'];
  $img=$array['imgshow'];
  $ptitle=$array['title'];
  ?>  
document.write(' <td valign=top id=marquePic1> ');  document.write(' <table width=90% border=1 bordercolor=#ffffff cellspacing=0 cellpadding=0>'); 
document.write(' <tr align=center> ');
 
document.write(' <td><a href="productpage.php?aid=<? echo $aid;?>" target="_blank"><img src="<? echo $img;?>" border="0" width="120" height="100"></a></td>'); document.write(' </tr>'); 
document.write(' <tr align=center height=25> ');document.write(' <td><a href="productpage.php?aid=<? echo $aid;?>" target="_blank"><? echo $ptitle;?></a></td>'); document.write(' </tr>'); 
document.write(' </table>'); 
document.write(' </td>'); 
<? };?> document.write(' <td id=marquePic2 valign=top></td>');
document.write(' </tr>'); 
document.write(' </table>'); 
document.write(' </div>'); 
document.write(' </td>'); 
document.write(' </tr>'); 
document.write(' </table>'); 
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> 
这是图片连续滚动的代码,开始的时候是直接插入几张图片,可以滚动
改成从后台获取的图片,只能滚动表格 marquePic1 里的图片,marquePic2显示undefined 
请问应该如何修改?