var x,y;
var step=10;
var flag=0;

var message="INAZUMA "
message=message.split("")

var xpos=new Array();
var ypos=new Array();
for (i=0;i<=message.length-1;i++) {
	xpos[i]=-50;
	ypos[i]=-50;
}

function mouseHandle(e){
	x = (document.all) ? document.body.scrollLeft+event.clientX: e.pageX
	y = (document.all) ? document.body.scrollTop+event.clientY: e.pageY
	flag=1
}

function calcPos() {
    if(flag ==1){
    	for (i=message.length-1; i>=1; i--) {
 	    	xpos[i]=xpos[i-1]+step;
		    ypos[i]=ypos[i-1];
        }
	    xpos[0]=x+step;
	    ypos[0]=y;
	
	   if (document.all) {  /* IE */
		for (i=0; i<message.length-1; i++) {
    		    var thisspan = eval("span" + i + ".style");  //ex. span1.style
         	    thisspan.left=xpos[i];
		    thisspan.top=ypos[i];
         }
	   }	
	   else if (document.layers) {  /* NN4 */
		for (i=0; i<message.length-1; i++) {
    		var thisspan = eval("document.span"+i);
    		thisspan.left=xpos[i];
			thisspan.top=ypos[i];
    	 }
	   } else if (document.getElementById) {  /* NN6 */
		 for (i=0; i<message.length-1; i++) {
    	            var thisspan =
                    eval("document.getElementById('span" + i + "').style");
    		    thisspan.left=xpos[i];
		    thisspan.top=ypos[i];
    	 }
	  }
    }    
	var timer=setTimeout("calcPos()",30);
}


for(i=0; i<message.length-1; i++){
   document.write("<span id='span"+i+"', class='spanstyle'>");
   document.write(message[i]);
   document.write("</span>");
} 

if(document.layers){
    document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=mouseHandle;