Ako najviac skrátit script

 <h1>Jednoduchá animace javascriptem</h1>
<span id="textik1" style="position:relative;left:20px;">T</span>
<span id="textik2" style="position:relative;left:40px;">e</span>
<span id="textik3" style="position:relative;left:60px;">x</span>
<span id="textik4" style="position:relative;left:80px;">t</span>
<span id="textik5" style="position:relative;left:100px;">,</span>
<span id="textik6" style="position:relative;left:120px;"> </span>
<span id="textik7" style="position:relative;left:140px;">T</span>
<span id="textik8" style="position:relative;left:160px;">e</span>
<span id="textik9" style="position:relative;left:180px;">x</span>
<span id="textik10" style="position:relative;left:200px;">t</span>

<script>

var stylTextu1 = document.getElementById("textik1").style;
var stylTextu2 = document.getElementById("textik2").style;
var stylTextu3 = document.getElementById("textik3").style;
var poziceX1 = 20;
var poziceX2 = 40;
var poziceX3 = 60;    

var poziceY1   = 0;
var poziceY2   = 0;
var poziceY3   = 0;    
var koniecX = 0;
var posun = 200;




function start(){
   
  window.setInterval("krok1(-10,0)", 500)
  window.setInterval("krok2(-10,0)", 500)
  window.setInterval("krok3(-10,0)", 500)    
}

function krok1(stepX,stepY){

   if(poziceX1<koniecX){poziceX1+=posun}
   poziceX1 += stepX;
   poziceY1 += stepY;
   
   stylTextu1.left = poziceX1 + "px";
   stylTextu1.top = poziceY1 + "px";


}
function krok2(stepX,stepY){

   if(poziceX2<koniecX){poziceX2+=posun}
   poziceX2 += stepX;
   poziceY2 += stepY;
   
   stylTextu2.left = poziceX2 + "px";
   stylTextu2.top = poziceY2 + "px";


}
function krok3(stepX,stepY){

   if(poziceX3<koniecX){poziceX3+=posun}
   poziceX3 += stepX;
   poziceY3 += stepY;
   
   stylTextu3.left = poziceX3 + "px";
   stylTextu3.top = poziceY3 + "px";


}

start()    

</script>

var i = 1; while(i<4){
var stylTextu[i] = [document.getElementById("textik"+i).style]; i++;}

var stylTextu[i] = [document.getElementById("textik"+i).style];

var stylTextu[i] = document.getElementById("textik"+i).style;

<span id="textik1" style="position:relative;left:20px;">T</span>
<span id="textik2" style="position:relative;left:40px;">e</span>
<span id="textik3" style="position:relative;left:60px;">x</span>
<span id="textik4" style="position:relative;left:80px;">t</span>
<span id="textik5" style="position:relative;left:100px;">,</span>
<span id="textik6" style="position:relative;left:120px;"> </span>
<span id="textik7" style="position:relative;left:140px;">T</span>
<span id="textik8" style="position:relative;left:160px;">e</span>
<span id="textik9" style="position:relative;left:180px;">x</span>
<span id="textik10" style="position:relative;left:200px;">t</span>


<script>
var pocet = 10; pocet++;  //Zadaj počet pismen

var i = 1;
while(i<pocet){
var stylTextu = new Array();
 stylTextu[i] = document.getElementById("textik"+i).style;

var poziceX = new Array(0, 20, 40, 60, 80, 100, 120, 140, 160, 180, 200);
i++;}

var poziceY = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
var koniecX = 0;
var posun = 400;


   
function start(i){

var i = 1;
while(i<pocet){
   
   window.setInterval("krok(-20,0,"+i+")", 400)

i++;}
 }

function krok(stepX,stepY,i){


   if(poziceX[i]<koniecX){poziceX[i]=posun}
   
        poziceX[i] += stepX;
   poziceY[i] += stepY;
   
   var toto = stylTextu[i];
   document.getElementById("textik"+i).style.left = poziceX[i] + "px";
   toto.top = poziceY[i] + "px";
   
}

start()

</script>

   // premisti prvek
   document.getElementById("textik"+i).style.left = poziceX[i] + "px";
   stylTextu[i].top = poziceY[i] + "px";

document.getElementById("textik"+i).style.top = poziceY[i] + "px";