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

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

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