
var x; var y;
var schritt = 10; var kenn = 0;
var text =  " W a d o k a i - K A R A T E ";

var xpos = new Array(); var ypos = new Array();
text = text.split("");

for ( i = 0; i <= text.length-1; i++ )
{
	xpos[i] = -50;
}

for ( i = 0; i <= text.length-1; i++ )
{
	ypos[i] = -50;
}

function steuer(e)
{
 x = ( document.layers ) ? e.pageX :
      document.body.scrollLeft+event.clientX;
 y = ( document.layers ) ? e.pageY :
      document.body.scrollTop+event.clientY;
 kenn = 1;
}

function spur()
{
   if ( kenn = 1 && document.all )
   {
      for ( i = text.length-1; i >= 1; i-- )
	  {
	    xpos[i] = xpos[i - 1] + schritt;
	    ypos[i] = ypos[i - 1];
	  }
	  xpos[0] = x + schritt;
	  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 (kenn == 1 && document.layers)
   {
      for ( i = text.length-1; i >= 1; i-- )
	  {
	    xpos[i] = xpos[i - 1] + schritt;
	    ypos[i] = ypos[i - 1];
	  }
	  xpos[0] = x + schritt;
	  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("spur()", 30);
}

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 = steuer;



















