marqueesHeight=960;
stopscroll=false;

with(marquees){
   style.width=200;
   style.height=marqueesHeight;
   style.overflowX="visible";
   style.overflowY="hidden";
   noWrap=true;
   onmouseover=new Function("stopscroll=true");
   onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

preTop=0; currentTop=0; 

function init(){
   templayer.innerHTML="";
   while(templayer.offsetHeight<marqueesHeight){
     templayer.innerHTML+=marquees.innerHTML;
   }
   marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
   setInterval("scrollUp()",30);
}
document.body.onload=init;

function scrollUp(){
   if(stopscroll==true) return;
   preTop=marquees.scrollTop;
   marquees.scrollTop+=1;
   if(preTop==marquees.scrollTop){
     marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
     marquees.scrollTop+=1;
   }
}
 
 
 
 
var Picspeed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,Picspeed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}