﻿function Marqueen(divid,divid1,divid2)
{   var speed=70;
    var demo2=document.getElementById(divid2);
    var demo1=document.getElementById(divid1);
    var demo=document.getElementById(divid);
    demo2.innerHTML=demo1.innerHTML;
    
    var MyMar=setInterval(function Marquee(){
    if(demo2.offsetTop-demo.scrollTop<=0){
       demo.scrollTop-=demo1.offsetHeight;
    }
    else{
       demo.scrollTop++;
    }
    },speed);
    demo.onmouseover=function() {clearInterval(MyMar)};
    demo.onmouseout=function() {MyMar=setInterval(function Marquee(){
    if(demo2.offsetTop-demo.scrollTop<=0){
       demo.scrollTop-=demo1.offsetHeight;
    }
    else{
       demo.scrollTop++;
    }
    },speed)};
}
function MarqueenLeft(divid,divid1,divid2)
{
    var speed = 70;   
    var demo2=document.getElementById(divid2);
    var demo1=document.getElementById(divid1);
    var demo=document.getElementById(divid); 
    demo2.innerHTML = demo1.innerHTML;   
    var MyMar = setInterval( function Marquee() {   
        if (demo2.offsetWidth - demo.scrollLeft <= 0)           
         {      
            demo.scrollLeft -= demo1.offsetWidth;   
          
        } 
        else {   
            demo.scrollLeft++;   
        }   
    }  , speed);   
    demo.onmouseover = function() {   
        clearInterval(MyMar);   
    }   
    demo.onmouseout = function() {   
        MyMar = setInterval( function Marquee() {   
        if (demo2.offsetWidth - demo.scrollLeft <= 0)     
        {      
            demo.scrollLeft -= demo1.offsetWidth;   
        }
        else {   
            demo.scrollLeft++;   
        }   
    }  , speed);   
    }   
}