var istop=1;
var LorR=0;
var speed=20; 
var demo = document.getElementById("demo");
var marquePic1 = document.getElementById("marquePic1");
var marquePic2 = document.getElementById("marquePic2");
marquePic2.innerHTML=marquePic1.innerHTML; 
demo.scrollLeft=marquePic1.scrollWidth/2;
function left(){
	LorR=0;
}
function right(){
	LorR=1;
}
function spd(n){
	speed=n;
	clearInterval(MyMar);
	MyMar=setInterval(Marquee,speed); 
}	
function Marquee(){
if(LorR) MarqueeRight();
else MarqueeLeft();
}
function MarqueeLeft(){
	with (demo) {
        if(scrollLeft>=marquePic1.scrollWidth){ 
            scrollLeft=0
        }else{ 
            scrollLeft++
        }
    }
}
function MarqueeRight(){
	with (demo) {
        if(scrollLeft<=0){ 
            scrollLeft=marquePic1.scrollWidth 
        }else{ 
            scrollLeft--
        }
    }
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}