Tabla Dinamica ayuda al ingresar valores

[HiToGoRoShi]

Que tal amigos del foros del web siempre leo esta web y me parece de gran ayuda.. pero siempre se cae o posiblmente sea mi navegador bueno... el asunsto es este cree un codigo que me permit agregar una fila y borrar la fila en la posición que yo quiera, me costo mucho pero leyendo y leyendo pude entender el codigo de manera perfecta y lo moldee a mi manera.

Pueden verlo en linea http://www.anexcons.com/demo.html tambien les dejo el codigo

Código:

<script language="javascript">
	
function add(){
	var a=0;
	var num=0;
								
	var TABLE = document.getElementById("tabla");
	var TROW = document.getElementById("fila");
	
	var content = TROW.getElementsByTagName("td");
	var newRow = TABLE.insertRow(-1);
	
	var newCell = newRow.insertCell(newRow.cells.length);
  	ar = 'RACK LCD de 19-21';
  	newCell.innerHTML = ar;
	
	var newCell = newRow.insertCell(newRow.cells.length);
	++num;
  	ca = '<input name="ca'+num+'" type="text" size="5">';
  	newCell.innerHTML = ca;
	//Parte Logica	
	a = document.form1.cnt.value;
	document.form1.ca1.value=(a);

	var newCell = newRow.insertCell(newRow.cells.length);
		
 	pr = '<input name="pr1" value="120" type="text" size="5">';
 	newCell.innerHTML = pr;
	b = document.form1.pr1.value;
	
	var newCell = newRow.insertCell(newRow.cells.length);
	
 	pa = '<input name="pa1" type="text" size="5">';
 	newCell.innerHTML = pa; 
	document.form1.pa1.value=(a*b);	
	
	var newCell = newRow.insertCell(newRow.cells.length);	
    // creamos una nueva ID para el boton de remover

 	btn = '<input type="button"  value="X" onclick="remove(this)">';
	newCell.innerHTML = btn; 	
	
}
	
function remove(obj) {
  fila = obj.parentNode.parentNode;
  document.getElementById('tabla').removeChild(fila);
}

</script>		

<form name="form1">

<table width="33%" border="0" bgcolor="#999999" >
  <tr>
    <td width="8%"><div align="center" class="Estilo4"><span class="Estilo8">1</span></div></td>
    <td width="58%" align="center" valign="middle"><div align="center"><span class="Estilo3" style="font-size: 12pt">
      <select name="ar1" size="1" id="ar1" onchange="boleta()">
        <option value="">-- Seleccione su compra --</option>
        <option value="">Rack LCD 15-21&ordm; Giratorio</option>
        <option>Rack LCD 22-32&ordm; Giratorio</option>
        <option>Rack LCD 32-42&ordm; Giratorio</option>
        <option>Rack LCD 23-32&ordm; Techo</option>
        <option>Rack LCD 32-42&ordm; Techo</option>
        <option value="">Rack LCD 15-21&ordm; Riel Fijo</option>
        <option value="">Rack LCD 23-32&ordm; Riel Fijo</option>
        <option>Rack LCD 32-42&ordm; Riel Fijo</option>
      </select>
    </span></div></td>
    <td width="11%" align="center" valign="middle"><div align="center"><span class="Estilo3" style="font-size: 12pt"><span class="Estilo3" style="font-size: 12pt">
      <input name="cnt" type="text" id="cnt" value="0"  size="5" maxlength="2" />
    </span></span></div></td>
    <td width="23%" align="center" valign="middle"><input type="button" value="Add" onclick="add()" /></td>
  </tr>
</table>
<p>&nbsp;</p>

<table width="816" border="1">
<tbody id="tabla">
  <tr id="fila">
    <td width="254">Articulo Adicionado:</td>
    <td width="165">Cantidad a Pedir:</td>
    <td width="121">Precio Unitario:</td>
    <td width="121">Acumulado:</td>
    <td width="121">Accion:</td>
  </tr>
</table>

</form>

1) El problema es el siguiente... cuando yo ingreso una cantidad esta realiza las funciones correctas y multiplica la cantidad por el precio unitario monstrandolo en el acumulado... pero SOLO en la primera fila, en la segunda no aparece nada...

2) Mi segundo problema es este como hago para usar los SWITCH para cada opción de mi lista de articulos, ya que lo intente y no me funciono.

3) OPCIONAL este es un bonus que quiero meter en ves de usar un boton para eliminar las filas, quisiera usar una imagen, lo vi por ahi pero no me acuerdo creo que se insertava javascript en las etiquetas de hipervinculo..

Espero su ayuda GRACIAS