var speed1=0;
var MyMar1;
var MyMar2;
var lefthit=0;
var righthit=0;
function clearleft(){
      clearInterval(MyMar1);
      clearInterval(MyMar2);
} 
function toleft(){

      if(lefthit==0){
          speed1=30;
          document.getElementById("demo12").innerHTML=document.getElementById("demo11").innerHTML;
          function Marquee1(){
              if(document.getElementById("demo12").offsetWidth-document.getElementById("demo1").scrollLeft<=0){
                  document.getElementById("demo1").scrollLeft-=document.getElementById("demo11").offsetWidth;
              }
              else{
                  document.getElementById("demo1").scrollLeft++;
              }
          }
          MyMar1=setInterval(Marquee1,speed1);
          document.getElementById("demo1").onmouseover=function() 
          {clearInterval(MyMar1);}
          document.getElementById("demo1").onmouseout=function() 
          {MyMar1=setInterval(Marquee1,speed1);}
            
          lefthit=1;
          righthit=0;
      }
}


var MyMar3;
var speed2=0;
function clearright(){
      clearInterval(MyMar3);
}


function toright(){
      if(righthit==0){
          speed2=30;
          document.getElementById("demo12").innerHTML=document.getElementById("demo11").innerHTML;
          function Marquee_a(){
              if(document.getElementById("demo1").scrollLeft<=0){
                  document.getElementById("demo1").scrollLeft=document.getElementById("demo12").offsetWidth;
              }
              else{
                  document.getElementById("demo1").scrollLeft--;
              }
          }
          MyMar3=setInterval(Marquee_a,speed2);
          document.getElementById("demo1").onmouseover=function() 
          {clearInterval(MyMar3);}
          document.getElementById("demo1").onmouseout=function() 
          {MyMar3=setInterval(Marquee_a,speed2);}
        
          
          righthit=1;  
          lefthit=0;
     ;
      }
}