var flag = "left";

$(function()
{
    $(".control-left").click(function()
    {
        flag = "left";
    })
    $(".control-right").click(function()
    {
        flag = "right";
    })
})

var speed = 50;
var tab = document.getElementById("scrolldiv");
var tab1 = document.getElementById("scrolldiv1");
var tab2 = document.getElementById("scrolldiv2");
tab2.innerHTML = tab1.innerHTML;
function Marquee()
{
    if (flag == "left")
    {
        if (tab2.offsetWidth - tab.scrollLeft <= 0)
            tab.scrollLeft -= tab1.offsetWidth
        else
            tab.scrollLeft++;
    }
    if (flag == "right")
    {
        if (tab.scrollLeft <= 0)
            tab.scrollLeft = tab1.offsetWidth
        else
            tab.scrollLeft--;
    }
}
var MyMar = setInterval(Marquee, speed);
tab.onmouseover = function() { clearInterval(MyMar) };
tab.onmouseout = function() { MyMar = setInterval(Marquee, speed) };