﻿  var speed1=0;   
  var MyMar1;  
  var lefthit=0;    
  var righthit=0;    

  function clearleft(){
      clearInterval(MyMar1);
  } 
  function toleft(){
        
      if(lefthit==0){
          speed1=20;
          lefthit=2;
          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("demo1").offsetWidth;
              }
              else{
                  document.getElementById("demo").scrollLeft++;
              }
          }
          MyMar1=setInterval(Marquee1,speed1);
          document.getElementById("demo").onmouseover=function() 
          {
            clearInterval(MyMar1);/*clearInterval(MyMar2)*/
          }
          document.getElementById("demo").onmouseout=function() 
          {
            MyMar1=setInterval(Marquee1,speed1);/*clearInterval(MyMar2);MyMar2=setInterval(Marquee2,speed1)*/
          }
          lefthit=1;        
          righthit=0;   
      }
  }
  
  
  var MyMar3;   
  var speed2=0;    
  function clearright(){
      clearInterval(MyMar3);
  }
  
  function toright(){

      if(righthit==0){
          speed2=20;
		  righthit=2;
          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_a").onmouseover()*/
          }
          document.getElementById("demo").onmouseout=function() 
          {
            MyMar3=setInterval(Marquee_a,speed2);/*clearInterval(MyMar4);MyMar4=setInterval(Marquee_b,speed2)*/
          }
          righthit=1;    
          lefthit=0;    
      }
  }