No entiendo como funciona este bucle en javascript. ¿alguien puede explicarlo ?

[cibermanu]

Estoy siguiendo un tutorial de animación de objetos en javascript, pero me quedé atascado en la comprensión de un bucle que está implementado en dicho código. El bucle en cuestión es este:

for (var i=0;efectos[i];i++){
// acciones
}

siendo efectos un array de objetos como el que sigue:

[
{'inicio':0,'fin':350,'u':'px','propCSS':'width'},
{'inicio':0,'fin':350,'u':'px','propCSS':'height'} ,
{'inicio':0,'fin':1,'u':'','propCSS':'opacity'}
]


¿Alguien puede explicarme que significa, dentro de la cabecera del bucle for, efectos[i] ? No debe ser esta la condición de parada ? En cuyo caso, ¿cómo puede ser la condición de parada dependiente de una variable i que se va modificando en el transcurso del bucle for? ¿No implicaría esto que el bucle nunca pararía ?

Para quien le interese, el tutorial de animación que estoy siguiendo, y que parece bastante bueno, es el siguiente:

http://www.disegnocentell.com.ar/notas2.php?id=239

Gracias de antemano, espero vuestras opiniones y respuestas.