// JavaScript Document

var speed=20;
			var tab=document.getElementById("demo");
			var tab1=document.getElementById("demo1");
			var tab2=document.getElementById("demo2");
			tab2.innerHTML=tab1.innerHTML;
			function Marquee()
			{
			if(tab2.offsetWidth-tab.scrollLeft<=0)
			tab.scrollLeft-=tab1.offsetWidth
			else{
			tab.scrollLeft++;
			}
			}
			function Marquee2(){
			if(tab.scrollLeft<=0)
			tab.scrollLeft+=tab2.offsetWidth
			else{
			tab.scrollLeft--
			}
			}
			var MyMar=setInterval(Marquee,speed);
			var direction = 0;
			tab.onmouseover=function() {clearInterval(MyMar)};
			tab.onmouseout=function() 
				{
				  if(direction == 0)
				  {
				  MyMar=setInterval(Marquee,speed)
				  }
				  else
				  {
					  MyMar=setInterval(Marquee2,speed)
				   }	  
				}
				
				function left()
				{
				  clearInterval(MyMar);
				  direction = 0;
				  MyMar=setInterval(Marquee,speed);
				}
				
				function right()
				{
				  clearInterval(MyMar);
				  direction = 1;
				  MyMar=setInterval(Marquee2,speed);
				}