var x = 0;
function marquee () {
    if(!document.getElementById) return;
    var obj = document.getElementById("marquee");
    obj.style.left = x + "px";
    x -= 8; if(x < -360) x = 310;
    setTimeout("marquee()", 200);
}

var xmouse, ymouse, xpad = 14;
var xpos = new Array(), ypos = new Array();
var finit = 0;
function mouseMove (e) {
    if(window.event) e = window.event;
    xmouse = e.clientX + scrollLeft();
    ymouse = e.clientY + scrollTop();
    if(!finit) { moveLetters(); finit = 1; }
}
function moveLetters () {
    for(i = xpos.length - 1; i >= 1; i--) {
        xpos[i] = xpos[i - 1] + xpad;
        ypos[i] = ypos[i - 1];
    }
    xpos[0] = xmouse + xpad; ypos[0] = ymouse;
    for(i = 0; i < xpos.length; i++) {
        var obj = document.getElementById("letter" + i);
        obj.style.left = xpos[i] + "px";
        obj.style.top  = ypos[i] + "px";
    }
    setTimeout("moveLetters();", 50);
}
function init () {
    if(!document.getElementById) return;
    var msg = document.getElementById("msg");
    var letters = msg.innerHTML.split("");
    var s = "";
    for(i = 0; i < letters.length; i++) {
        xpos[i] = -40; ypos[i] = -40;
        s += "<span id='letter" + i + "' class='letter'>"
              + letters[i] + "</span>";
    }
    msg.innerHTML = s;
    document.onmousemove = mouseMove;
}

function scrollLeft () {
    if(window.pageXOffset)
        return window.pageXOffset;
    if(document.compatMode == "CSS1Compat")
        return document.body.parentNode.scrollLeft;
    if(document.body.scrollLeft)
        return document.body.scrollLeft;
    return 0;
}
function scrollTop () {
    if(window.pageYOffset)
        return window.pageYOffset;
    if(document.compatMode == "CSS1Compat")
        return document.body.parentNode.scrollTop;
    if(document.body.scrollTop)
        return document.body.scrollTop;
    return 0;
}

