var text = " H A R P O ";
var schrittweite = 10; 
var flag = 0;
var x; var y;
var xpos = new Array(); var ypos = new Array ();
text = text.split("");
for (i = 0; i <= text.length-1; i++)
{
        xpos[i] = -70;
}
for (i = 0; i <= text.length-1; i++)
{
        ypos[i] = -70;
}
function bewegung(e)
{
        x = (document.layers) ? e.pageX :
        document.body.scrollLeft+event.clientX;
        y = (document.layers) ? e.pageY :
        document.body.scrollTop+event.clientY;
        flag = 1;
}
function maeuseschwanz ()
{
        if (flag == 1 && document.all)
        {
                for (i = text.length-1; i >=1; i--)
                {
                        xpos[i] = xpos[i - 1] + schrittweite;
                        ypos[i] = ypos[i - 1];
                }
                xpos[0] = x + schrittweite;
                ypos[0] = y;
                for (i = 0; i < text.length-1; i++)
                {
                        var thisspan = eval("span" + (i) +".style");
                        thisspan.posLeft = xpos[i];
                        thisspan.posTop = ypos[i];
                }
        }
        else if (flag == 1 && document.layers)
        {
                for (i = text.length-1; i >= 1; i--)
                {
                        xpos[i] = xpos[i - 1] + schrittweite;
                        ypos[i] = ypos[i - 1];
                }
                xpos[0] = x + schrittweite;
                ypos[0] = y;
                for (i = 0; i < text.length-1; i++)
                {
                        var thisspan = eval("document.span" + i);
                        thisspan.Left = xpos[i];
                        thisspan.Top = ypos[i];
                }
        }
        var timer = setTimeout("maeuseschwanz()", 40);
}
for (i = 0; i <= text.length - 1; i++)
{
 document.write("<span id='span" + i + "' class='spanstyle'>");
 document.write(text[i]);
 document.write("</span>");
}
if (document.layers)
{
       document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = bewegung;