Через DOM добавляю элементы, присваиваю новые имена, эксплорер не хочет находить по этим именам новые элементы, в Опере тот же код обрабатывается как задумывалось...

Не работает функция calc()



вот код:
Код:
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.flatList {border: 0; font-family: "Courier New", Courier, monospace; font-weight: bold; background-color:#FFD900; padding:0; margin:0; text-align:center}
</style>


<script>

 *function test(){
 * *var tbl = document.getElementById(&#39;orderList&#39;);
 * *var tbody=tbl.getElementsByTagName(&#39;TBODY&#39;)[0];
 * *var totalRows = tbody.getElementsByTagName(&#39;TR&#39;).length;
 * *var tr=tbody.getElementsByTagName(&#39;TR&#39;)[0]
 * *var x=tr.cloneNode(true);
 * *var inps = x.getElementsByTagName(&#39;INPUT&#39;);
 * *for (var i =0; *i < inps.length; i++) {
 * * *inps[i].className=&#39;new&#39;;
 * * *inps[i].disabled=false;
 * if (inps[i].value == &#39;Кол-во&#39;) inps[i].value=&#39;1&#39;;
 * if (inps[i].value == &#39;Цена&#39;) inps[i].value=&#39;123&#39;;
 * if (inps[i].value == &#39;Скидка&#39;) inps[i].value=&#39;0&#39;;
 * * *inps[i].name=inps[i].name+totalRows;
 * *} 
 * *tbody.appendChild(x);
 *}
 *

function calc() {

****var total = 0;
****var tbl = document.getElementById(&#39;orderList&#39;);
****var tbody=tbl.getElementsByTagName(&#39;TBODY&#39;)[0];
****var totalRows = tbody.getElementsByTagName(&#39;TR&#39;).length;
****for (var i = 1; *i < totalRows; i++) {
 *summ = eval("document.all.Sale_Kolvo_"+i+".value*document.all.Sale_Sale_"+i+".value");
 *eval("document.all.Sale_Total_"+i+".value=summ");
 *proc = eval("1/100*(100-document.all.Sale_Discount_"+i+".value)");
 *eval("document.all.Sale_Total_"+i+".value=summ*proc");

 *total = total+Number(eval("document.all.Sale_Total_"+i+".value"));
****}
****document.all.total.value = total;

}


</script>
</head>

<body onClick="calc();">
<a onclick="test()">Добавляем строку</a>
<form name=order method=get action="ins.php" enctype="multipart/form-data">
 *<table border=1 cellspacing=0 cellpadding=0 bordercolor=lightblue style="border: none" Id=orderList>
 *<tr>
 * *<td><INPUT TYPE="text" NAME="" class=flatList Value="№" size="2" Disabled></td>
 *****<td><INPUT TYPE="text" NAME="Sale_Id_" class=flatList Value="арт." size="4" Disabled onclick="alert(this.name)"></td>
 *****<td><INPUT TYPE="text" NAME="Sale_Title_" class=flatList Value="Наименование" size="25" Disabled onclick="alert(this.name)"></td>
 *****<td><INPUT TYPE="text" NAME="Sale_Kolvo_" class=flatList Value="Кол-во" size="6" Disabled onclick="alert(this.name)"></td>
 *****<td><INPUT TYPE="text" NAME="Sale_Reserv_" class=flatList Value="Резерв" size="6" Disabled onClick="alert(this.name)"></td>
 *****<td><INPUT TYPE="text" NAME="Sale_Bye_" class=flatList Value="Зак." size="8" Disabled onClick="alert(this.name)"></td>
 *****<td><INPUT TYPE="text" NAME="Sale_Sale_" class=flatList Value="Цена" size="8" Disabled></td>
 *****<td><INPUT TYPE="text" NAME="Sale_Discount_" class=flatList Value="Скидка" size="8" Disabled></td>
 *****<td><INPUT TYPE="text" NAME="Sale_Total_" class=flatList Value="Сумма" size="8" Disabled></td>
 *****<td style="border: none" bgcolor="FFFFFF"><INPUT TYPE="button" Value=del Disabled style="color:red" onClick="" Class=flat></td>
 *</tr>
 *</table>
 *<p align=right>Общая стоимость заказа <input type="text" name="total" value=0 style="border: 0; color:red; font-weight: bold; text-align:center; width: 60"> USD</p>

</form>

</body>
</html>