Problema con cleartimeout

[CHuLoSoY]

hola amigos

Tengo un problema con clearTimeout() y es que no me funciona directamente. Lo llamo con un evento onclick y mi código es el siguiente:

Código Javascript:

function animafondo() {
 
    for(izq=0,tiempo=50; izq>=-300; tiempo+=50,izq-=1) {
    
        timeout=setTimeout("document.getElementById('debajo').style.left='"+izq+"px'",tiempo);
    
    }
 
}
 
function para() {
 
    window.clearTimeout(timeout);
 
}
 

La función para() no hace nada.he estado mirando la w3 ( http://www.w3schools.com/jsref/met_win_cleartimeout.asp ) y el funcionamiento no me ha quedado muy claro, pero supuse que no daría problemas porque el sistema es parecido no?

Si alguien pudiera aclararme el tema se lo agradecería.

Mil gracias.

[posman]

El problema es que estas "generando" 300 setTimeout.
Estas ejecutando un for desde 0 hasta -300 y en cada uno estas asignando el setTimeout a timeout.
En el ultimo ciclo del for, la variable timeout se queda con el ultimo setTimeout (cuando izq vale -300) y la funcion para() detiene unicamente ese ultimo.

Creo que te funcionaria mejor setInterval() y clearInterval() y haciendo la variable izq global

[CHuLoSoY]

gracias!

Voy a investigar.
Antes de ver el setInterval se me ocurrió hacer un array de 300 índices, pero clearTimeout elimina arrays???