Someone

<? 
  $title = 'Tracking';
  include $this->getTemplatePath('header.tpl'); 
?>

<script type="text/javascript">
  

  function swap(trackingId, showIframe, url) {
    if ( showIframe == true ) {
      document.getElementById('vessel-tracking-' + trackingId).innerHTML = '<iframe frameborder="0" id="iframe-tracking-' + trackingId + '" onload="resize_iframe(\'iframe-tracking-' + trackingId + '\');" class="vessel" src="'+ url + '"></iframe>';
      document.getElementById('vessel-tracking-' + trackingId + '-exp').innerHTML = '<a href="#" onclick="swap(' + trackingId + ', false, \''+url+'\'); return false;"><img src="images/contract.gif" alt="contract" border="0" /></a>';
    } else {
      tracking_data = document.getElementById('iframe-tracking-' + trackingId).contentWindow.document.getElementById('tracking-data').innerHTML.split("#|#");
      document.getElementById('vessel-tracking-' + trackingId).innerHTML = create_contracted_view_html(tracking_data[0], tracking_data[1], tracking_data[2]);
      document.getElementById('vessel-tracking-' + trackingId + '-exp').innerHTML = '<a href="#" onclick="swap(' + trackingId + ', true, \''+url+'\'); return false;"><img src="images/expand.gif" alt="expand" border="0" /></a>';
    }
  }
  
  function create_contracted_view_html(vessel, arrival, dock) {
    str  = '<table width="62%" cellpadding="0" cellspacing="0" border="0">';
    str += '<tr>';
    str += '<td width="16%">' + vessel + '</td>';
    str += '<td width="18%">' + arrival + '</td>';
    str += '<td width="28%">' + dock + '</td>';
    str += '</tr>';
    str += '</table>';
    return str;
  }
  
  function remove_record(trackingId) {
    tr = document.getElementById('vessel-tracking-' + trackingId + '-tr');
    tr.parentNode.removeChild(tr);
  }

</script>

<!-- entities -->
<table width="100%" cellpadding="3" cellspacing="0" border="0" id="tracking-table">

  <tbody id="tracking-tbody">
  
  <tr>
    <th class="tracking" width="16%">Vessel</th>
    <th class="tracking" width="18%">Details <span style="color: #bbb; font-weight: normal;">(arrival)</span></th>
    <th class="tracking" width="28%">Actions <span style="color: #bbb; font-weight: normal;">(dock)</span></th>
    <th class="tracking" width="38%"">Cargo</th>
    <th class="tracking" width="2%">&nbsp;</th>
  </tr>
  
  <?
    $i = 0;
    foreach ( $trackings as $tracking ) {
  ?>
  <tr id="vessel-tracking-<? echo $tracking['id']; ?>-tr" bgcolor="<? echo $tracking['bg']==1?'#fafafa':'#ffffff'; ?>">
    <td class="tracking" colspan="4" id="vessel-tracking-<? echo $tracking['id']; ?>">
      <table width="62%" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td width="16%"><? echo $tracking['vessel_name']; ?></td>
          <td width="18%"><? echo !is_null($tracking['arrival']) ? date('m/d/y h:ia', $tracking['arrival']) : ''; ?></td>
          <td width="28%"><? echo $tracking['dock_number']; ?> <? echo $tracking['dock_vessel_name']; ?></td>
        </tr>
      </table>
    </td>
    <td class="tracking" id="vessel-tracking-<? echo $tracking['id']; ?>-exp" valign="top">
      <a href="#" id="link-swap-<? echo $tracking['id']; ?>" onclick="swap(<? echo $tracking['id']; ?>, true, '<? echo $tracking['uri']; ?>'); return false;"><img src="images/expand.gif" alt="expand" border="0" /></a>
    </td>
  </tr>
  <? } ?>
  </tbody>
  
</table>

<? include $this->getTemplatePath('footer.tpl'); ?>