javascript 'control arrays', sort of

[ae_jester]

Hi,

I know there is a way to reference images on a webpage by combining the name + the number of the image, but I can't find out how.

For example, in my checker game animator, I have 64 images (sqr1, sqr2, sqr3, sqr4 etc), one for each square on the board. Since I'm using arrays to store the position of all of the pieces, it would be awesome if I could loop through the images and load the correct piece based on the value in the array

Something like

document.controls["sqr" + i].src = '.... bla bla bla

Although I'm sure that syntax is 100% incorrect.

Any ideas??