// JavaScript Document

/* marquee code */
var speed=1
var button_1=document.getElementById("button_1");
var button_2=document.getElementById("button_2");
var button_3=document.getElementById("button_3");
var button_4=document.getElementById("button_4");
var demo=document.getElementById("demo");
var demo1=document.getElementById("demo1");
var demo2=document.getElementById("demo2");
var demo3=document.getElementById("demo3");
function MarqueeLeft(){
    demo.scrollLeft++
}
function MarqueeRight(){
    demo.scrollLeft--
}

function MarqueeLeft2(){
    demo2.scrollLeft++
}
function MarqueeRight2(){
    demo2.scrollLeft--
}
var MyMar
button_1.onmouseout=function() {clearInterval(MyMar)}
button_1.onmouseover=function() {MyMar=setInterval(MarqueeRight,speed)}
button_2.onmouseout=function() {clearInterval(MyMar)}
button_2.onmouseover=function() {MyMar=setInterval(MarqueeLeft,speed)}

button_3.onmouseout=function() {clearInterval(MyMar)}
button_3.onmouseover=function() {MyMar=setInterval(MarqueeRight2,speed)}
button_4.onmouseout=function() {clearInterval(MyMar)}
button_4.onmouseover=function() {MyMar=setInterval(MarqueeLeft2,speed)}