// JavaScript Document
//MyScroll("gundong_a","gundong_a1","gundong_a2","top");
//MyScroll("gundong_b","gundong_b1","gundong_b2","top");
function MyScroll(demo,demo1,demo2,bearing){
    var speed=30
    document.getElementById(demo2).innerHTML=document.getElementById(demo1).innerHTML 
    if (bearing=="top"){
        function Marquee(){
        if(document.getElementById(demo2).offsetTop-document.getElementById(demo).scrollTop<=0)
            document.getElementById(demo).scrollTop-=document.getElementById(demo1).offsetHeight;
        else{document.getElementById(demo).scrollTop++}
        }
        var MyMar=setInterval(Marquee,speed) 
        document.getElementById(demo).onmouseover=function() {clearInterval(MyMar)}
        document.getElementById(demo).onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    }
     if (bearing=="left"){
        function Marqueeleft(){
        if(document.getElementById(demo2).offsetWidth-document.getElementById(demo).scrollLeft<=0)
            document.getElementById(demo).scrollLeft-=document.getElementById(demo1).offsetWidth;
        else{document.getElementById(demo).scrollLeft++}
        }
        var MyMarleft=setInterval(Marqueeleft,speed) 
        document.getElementById(demo).onmouseover=function() {clearInterval(MyMarleft)}
        document.getElementById(demo).onmouseout=function() {MyMarleft=setInterval(Marqueeleft,speed)}
    }
}