Problema com tratamento com array

Boa Noite,

Estou criando um admin onde o cliente poderá adicionar varias datas para um determinado evento, estou criando com javascript, a cada click que o usuario der no botão "+" ele adiciona um novo campo de data, porém estou tendo problemas, não consegui com que o javascript de nome em array para os campos para um tratamento na hora de inserir os dados.

Consegue apenas com que o javascript crie data1, data2, data3, data4, data5...

Código:

<script language="JavaScript" type="text/javascript">
var cont = 1;
function createFields() {
 cont++;
 div = document.createElement("div");
 document.getElementById('formulario').appendChild(div);
 html = 'Data '+cont+': <input type="text" value="" readonly name="data'+cont+'"><img src="img/calendario.png" width="22" height="22" onclick="displayCalendar(document.forms[0].data'+cont+',\'dd/mm/yyyy\',this)"><div id="debug"></div>';
 div.innerHTML = html;
}
</SCRIPT>

<input type="button" OnClick="createFields()" value="+"><br />
<form id="formulario">
<DIV id="area">
Data 1: <input type="text" value="" readonly name="data1">
<img src="img/calendario.png" width="22" height="22" onclick="displayCalendar(document.forms[0].data1,'dd/mm/yyyy',this)">
<div id="debug"></div>
</DIV>
</form>

Minha dúvida é como eu posso tratar esses dados após o submit?

se fosse em array eu usaria um for() porém não estou conseguindo por for.. alguem poderia dar uma ajuda?

Vlw