var delayTime = 3000;
var stepPause = 240;
var stepAmount = 4;
var scrollpaused1 = false;
var scrollpaused2 = false;
var scrollpaused3 = false;
var scrollpaused4 = false;

function DelayedScroll(textlayer, id) {
    var obj = document.getElementById(textlayer);
    obj.style.top = 0;
    window.setTimeout("Scroll('" + textlayer + "', " + id + ");", delayTime);
}

function Scroll(textlayer, id) {
    if (((id == 1) && (scrollpaused1 == false)) ||
       ((id == 2) && (scrollpaused2 == false)) ||
       ((id == 3) && (scrollpaused3 == false)) ||
       ((id == 4) && (scrollpaused4 == false))) {
        var obj = document.getElementById(textlayer);
        var posStr = obj.style.top;
        var pos = parseInt(posStr.substr(0, posStr.length - 2))
        pos -= stepAmount;

        if (pos < (-obj.offsetHeight + obj.parentNode.clientHeight)) {
            pos = 0;
            window.setTimeout("DelayedScroll('" + textlayer + "', " + id + ");", delayTime);
        } else {
            window.setTimeout("Scroll('" + textlayer + "', " + id + ");", stepPause);
            obj.style.top = pos + "px";
        }
    } else {
        window.setTimeout("Scroll('" + textlayer + "', " + id + ");", stepPause);
    }
}