Validación formulario

[_cronos2]

Hola gente, estoy tratando de validar un formulario en JS, después ya pasará por el servidor. La cuestión es que tengo un select con varias opciones, si eliges por ejemplo 4 se crean 4 campos, y así sucesivamente. Pero si por ejemplo elijo 4, introduzco los datos, y después elijo 5, sólo se quedan los datos en el primer campo, y no en los demás. He hecho 1000 pruebas y no sé qué puede ser :S Por eso acudo a vosotros, aquí os dejo el código (es un poco espeso, lo siento ;)):

Código Javascript:

function ID(id){
  return document.getElementById(id);
 }
 var n=1, l=1;
 function addI(v){
   switch(v.value){
    case '+7':
     ID('btn').style.display = 'block';
     break;
    default:
     if(Int(v.value) > n){
      for(j=0; j<Int(v.value)-l; j++){
       ID('inicio').innerHTML+="<input type='text' name='coordx[]' id='cx"+n+"' size='10' class='input' /><br />";
       ID('final').innerHTML+="<input type='text' name='coordy[]' id='cy"+n+"' size='10' class='input' /><br />";
       n++;
      }
     }
     break;
  }
  l = ID('inicio').getElementsByTagName('input').length+1;
 }
 function addC(){
  ID('inicio').innerHTML += "<input type='text' name='coordx[]' id='cx"+n+"' size='10' class='input' /><br />";
  ID('final').innerHTML += "<input type='text' name='coordy[]' id='cy"+n+"' size='10' class='input' /><br />"
  n++;
 }
 

Código HTML:

<ul>
 <li> 
 <select id='colonias' name='colonias' onchange="addI(this);">
   <option value="0" selected="selected">0</option>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
   <option value="5">5</option>
   <option value="6">6</option>
   <option value="7">7</option>
   <option value="+7">+7</option>
 </select>
 <br /><br />
 </li>
 <li>
  <fieldset style='width:20%;' id='f'>
   <legend>Coordenadas:</legend>
   <br />
   <span class="texto">&nbsp;X:</span>
   <input type='text' id='cx0' name='coordx[]' size='15'/>
   <span id='inicio'></span>
   <br /><br /><br />
   <span class="texto">&nbsp;Y:</span>
   <input type='text' id='cy0' name='coordy[]' size='15' />
   <br />
   <span id='final'></span>
   <br />
  </fieldset>  
 <input type="button" value="Agregar campo" id='btn' onclick="addC();if(ID('inicio').getElementsByTagName('input').length>6) ID('colonias').disabled=true;" />
 </li>
</ul>
 

Gracias y saludos (: