<script type="text/javascript" charset="utf-8">
  /* update goods/packs grid to correct layout
  ---------------------------------------------------------------------------*/

  // --- collect variables for manipulation
  var gridTable 	= document.getElementById('PackingPanel_PackLinesGrid');
  var tableBody 	= gridTable.childNodes[1];
  var tableTrs 		= tableBody.childNodes;
  var a, b, c, d;
  function CountTds() {
    for( var a = 0; a < tableTrs.length; a++) {
      if(tableTrs[a].childNodes.length != 0) {
        numberOfTds = tableTrs[a].childNodes.length;
      }
    }
  }

  function getTdData() {
    CountTds();
    var tableHeadTds = tableTrs[1].childNodes;
    var tableBodyTds = tableTrs[3].childNodes;
    c = 0;
    headDataGrid = new Array()
    bodyDataGrid = new Array()
    for(b = 0; b < numberOfTds; b++ ) {
      headDataGrid [b] = new Array()
      bodyDataGrid [b] = new Array()
      headDataGrid [b][c] = tableHeadTds[b].innerHTML
      bodyDataGrid [b][c] = tableBodyTds[b].innerHTML
    }
  }

  // --- create my array
  function createNewLayout() {
    getTdData();
    d = '<table border="1" cellpadding="0" cellspacing="0">'+"\n";
    for (c = 0; c < headDataGrid.length; c++) {
      d = d + '<td>' + headDataGrid[c] + '<\/td>';
    }
    d = d + '<\/tr><tr>';
    for ( var c = 0; c < headDataGrid.length; c++) {
      d = d + '<td>' + bodyDataGrid[c] + '<\/td>';
    }


    s=s+'<\/table>'+"\n";
    return s;
  }

  document.getElementById('thisisatest').innerHTML = createNewLayout();
</script>