﻿function initMarquee() {
    var str = marqueeContent[0];
    document.write('<div id=marqueeBox style="overflow:hidden;height:' + marqueeHeight + 'px;line-height:' + marqueeHeight + 'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>' + str + '</div></div>');
    marqueeId++;
    marqueeInterval[0] = setInterval("startMarquee()", marqueeDelay);
}

function startMarquee() {
    var str = marqueeContent[marqueeId];
    marqueeId++;
    if (marqueeId >= marqueeContent.length) marqueeId = 0;
    if (document.getElementById("marqueeBox").childNodes.length == 1) {
        var nextLine = document.createElement('DIV');
        nextLine.innerHTML = str;
        document.getElementById("marqueeBox").appendChild(nextLine);
    }
    else {
        document.getElementById("marqueeBox").childNodes[0].innerHTML = str;
        document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);
        document.getElementById("marqueeBox").scrollTop = 0;
    }
    clearInterval(marqueeInterval[1]);
    marqueeInterval[1] = setInterval("scrollMarquee()", 20);
}

function scrollMarquee() {
    document.getElementById("marqueeBox").scrollTop++;
    if (document.getElementById("marqueeBox").scrollTop % marqueeHeight == (marqueeHeight - 1)) {
        clearInterval(marqueeInterval[1]);
    }
} 
