HTML+CSS+JavaScript

Задача -добавление одной кнопкой новых input-ов по 3( к примеру) в строке таблицы с именем "name=" ***** [0_x] " с инкрементным " x"
и добавление еще нескольких таких же таблиц с именами полей ввода вида "name="******* [Y_x] "с инкрементным "Y" и кнопкой добавления новых строк в новой таблице отсчет Х идет опять от нуля.
Прочитав несколько тем

http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=10636&page=1
http://www.opennet.ru/base/dev/js_form.txt.html

и кучу других не пришел к пониманию данного вопроса. Что непонятно - как именно присвоить инкрементные значения этим самым именам input- ов. Средствами PHP этот вопрос мной решен, но каждый раз отсылать уже введенные значения на сервер при наличии до 10-12 таблиц( и это еще не предел) слишком геморно. Было бы еще понятней увидеть доработанную( и дополненную комментариями для полных чайников) версию примеров из выше приведенных тем.

http://www.ela2.net/tests/add_programm.php

не далее, как сегодня закончила (даю сокращенную форму)

<script language='JavaScript1.1' type='text/javascript'>  function delLine(btn)  {    if(document.getElementById)    {      while (btn.tagName != 'TR') btn = btn.parentNode;      btn.parentNode.removeChild(btn);    }  }  function addLine(btn)  {    if(document.getElementById)    {      while (btn.tagName != 'TR') btn = btn.parentNode;      var newTr = btn.parentNode.insertBefore(btn.cloneNode(true),btn.nextSibling);      thisChilds = newTr.getElementsByTagName('td');         }  }  </script>  <form name="form" method="post" action="add_programm_acc.php"> <strong class="theme">ADD LIVE SCORE INFO</strong>&nbsp;&nbsp; for Date  <input id=date_prog name="date_prog" size="10" value="<?=date("Y-m-d");?>"> <br><br>  <table width="80%" border="0" cellspacing="1" cellpadding="3" align="center">     <tr bgcolor="a4d287">     <td align="center" class="theme">Time</td>     <td align="center" class="theme">Text</td>     <td align="center" class="theme">Action</td>     </tr><tr bgcolor="a4d287">     <td>      <input name="time_1[]" size="2" value="<?=date("H")?>" maxlength="2">&nbsp;:&nbsp;      <input name="time_2[]" size="2" value="<?=date("i")?>" maxlength="2"></td>      <td align="left"><textarea name="text[]" rows="5" cols="60"></textarea></td>     <td align="center"><input type="button" value="Add Line" onclick="addLine(this)">     <br><br>     <input type="button" value="Delete Line" onclick="delLine(this)"></td>             </tr><tr  bgcolor="#a4d287">     <td align="center" colspan="3"><input type="submit" value="Save"></td>     </tr>     </table> </form>