﻿function Scroller(scrollControl)
{
    var scrollActive = true;
    var left = 0;
    var scrollContent = document.createElement("div");
    scrollContent.style.position = "absolute";

    scrollContent.innerHTML = scrollControl.innerHTML;

    scrollControl.innerHTML = "";
    scrollControl.appendChild(scrollContent);

    var scrollWidth = scrollContent.offsetWidth;
    scrollContent.innerHTML += scrollContent.innerHTML;

    // If content width is less than control width
    // while (scrollContent.offsetWidth < scrollControl.offsetWidth * 2)
    //    scrollContent.innerHTML += scrollContent.innerHTML;
    
    scrollContent.style.left = left + "px";

    setInterval(function()
    {
        if (scrollActive)
        {
            left -= 1;

            if (left < -scrollWidth)
                left += scrollWidth;

            scrollContent.style.left = left + "px";
        }
    }, 20);

    scrollControl.onmouseover = function()
    {
        scrollActive = false;
    };

    scrollControl.onmouseout = function()
    {
        scrollActive = true;
    }
}
