Loop para modificar nomes de campos

Bem pessoal, estava aqui eu estudando e me deparei com uma coisinha (que pra vcs que sacam da coisa deve ser facinho facinho :P)

que não consegui resolver.

Eu to criando um campo de upload de imagens que pode ser acrescentado na página clicando em 1 link , até aí tudo bem,

só que eu queria que cada vez que fosse acrescentado esse campo, o name dele mudasse. Ex: <input type="file" name="imagem1" /> <input type="file" name="imagem2" /> etc...

Tentei (sem sucesso) alguns loops, e nada... Daí eu queria saber se alguem sabe como fazer isso, e se tem como fazer isso dessa forma, ou se ao invéz de renomear os

campos seja mais fácil deixar com o mesmo nome e na hora de usar o post ou get usar um tratamento diferente, ou alguma outra coisa que eu ainda não tenho em mente.

O Código do meu campo que está sendo acrescentado é esse:

function acrescenta(id){

 var pai = document.getElementById(id);
 //criando um espacinho pra ficar bonitinho :p
 var br = document.createElement('br');
 //criando o meu input
 //setando o tipo do input
 var input = document.createElement('input');
 input.setAttribute('type' , 'file');
 //setando o nome do campo
 input.setAttribute('name' , 'imagem');
 //setando o id do campo
 input.setAttribute('id' , 'imagem');
 //inserindo o espaço
 pai.appendChild(br);
 //inserindo o input
 pai.appendChild(input);

 // E aqui chamamos a função

 <a href="#" onclick="acrescenta('imagens'); return false">Acreescentar mais imagens</a>

 }

Agradeço qualquer ajuda!