Manipulating table cells

<table id="tbl" border="1" runat="server" >
   <tr id="row1">
      <td> </td>
      <td> </td>
      <td> </td>
   </tr>
   <tr id="row2">
      <td rowspan="3">**</td>
      <td>AAAA</td>
      <td> </td>
   </tr>
   <tr id="row3">
      <td>BBBB</td>
      <td> </td>
   </tr>
   
  </table>

<script type="text/javascript">
var trs = document.getElementById("tbl").getElementsByTagName("tr");
var tds;
var bDeleted = false;
var currRowToDelete = 3;

for(var i=0;i<currRowToDelete;i++)
{   
    tds = trs[i].getElementsByTagName('td');
    for(var j=0;j<tds.length;j++)
    {   
        var currRowSpan = tds[j].rowSpan;       
        if(currRowSpan > 1)       
        {           
            if(eval(i + 1) == currRowToDelete)
            {
                var cell = document.createElement("td");                        
                cell.innerHTML = tds[j].innerHTML;            
                trs[i + 1].insertBefore(cell, trs[i + 1].getElementsByTagName('td')[0]);                
                document.getElementById("tbl").deleteRow(i);
                bDeleted = true;
                document.getElementById("tbl").rows[i].cells[0].rowSpan = eval(currRowSpan -1);                
            }
            else
            {   
                if(eval(currRowSpan + i) >= currRowToDelete)
                    document.getElementById("tbl").rows[i].cells[0].rowSpan = eval(currRowSpan -1);             
            }
        }        
    }
}
if(bDeleted == false)
    document.getElementById("tbl").deleteRow(currRowToDelete -1);
</script>