[JS] problema con aggiunta dinamica di codice html

[Ratatuia]

ciao a tutti, tramite questo codice JS

<script language="javascript1.2">
var count = new Array();
count["period"]=0;
function more(elem)
{	count[elem]++;
	aDiv = document.getElementById(elem+'_template');
	html = aDiv.innerHTML.replace(/__/ig,count[elem]);
	document.getElementById(elem+'_show').innerHTML += html;
}
</script>

faccio in modo che il contenuto del seguente DIV

<div id="period_template">
From: <input type="text" size="3" maxlength="2" name="period[__][from][day]">/<input type="text" size="3" maxlength="2" name="period[__][from][month]">/<input type="text" size="5" maxlength="4" name="period[__][from][year]">
To: <input type="text" size="3" maxlength="2" name="period[__][to][day]">/<input type="text" size="3" maxlength="2" name="period[__][to][month]">/<input type="text" size="5" maxlength="4" name="period[__][to][year]">


</div>

venga visualizzato un'altra volta ad ogni pressione di un tasto con evento onClick che richiama la funzione di cui sopra

<div id="period_show"></div>

il problema sta nel fatto che se avevo già compilato i campi che avevo già creato, alla creazione di un altro set di campi mi resetta i campi già compilati...come potrei fare?

grazie mille
ratatuia