
<form action='index.php' method='post'>
<table cellSpacing="0" cellPadding="2" width="100%" border="0">
  <tbody>
  <tr>
    <td align="left"><table cellpadding="0"><tr><td><div id="statusContainer" class="statusContainer" style="display:none"><span class="statusMsg" id="statusMsg"></span></div></td></tr></table></td>
    <td align=right><b style='font-size:11px'>[l]Select Billing Type[/l]</b>&nbsp;&nbsp;
    <select onchange="jumpMenu2('self',this,0);"  class="body">
    <!-- BEGIN DYNAMIC BLOCK: billingtypeoptions -->
    <option value="{BILLINGTYPEOPTIONVALUE}" {BILLINGTYPEOPTIONSELECTED}>{BILLINGTYPEOPTIONLABEL}</option>
    <!-- END DYNAMIC BLOCK: billingtypeoptions -->
    </select>
    </td>
   </tr>
  </tbody>
</table>
</form>

<form name="invoices" action="index.php">
<!-- Header -->
<table width='100%' cellpadding=0 border=0 cellspacing=0>
<tr>
<td class="snapshot-header-left"></td>
<td class="snapshot-header" nowrap>&nbsp;</td>
<td class="snapshot-header" align=right></td>
<td class="snapshot-header-right"></td>
</tr>
</table>


<table id="tableInvoices" cellspacing="1" cellpadding="3" width="100%" border="0">
<tbody>
    <!-- Invoice Columns -->
    <tr class=header>
      <td class=headerSelected align=center width=20 style="padding-top: 6px; padding-bottom: 6px;"><img height=1 alt="" src="images/spacer.gif" width="20" /></td>
 	  <td id="col_date" noWrap width=90>&nbsp;[l]Due Date[/l]&nbsp;&nbsp;</td>
 	  <td id="col_desc" noWrap align="left">&nbsp;[l]Description[/l]</td>
 	  <td id="col_check" noWrap width=90 align="center">[l]Pmt Reference[/l]</td>
      <td id="col_amount" noWrap width=70 align="right">{LANGUAGEAMOUNT}</td>
 	  <td id="col_status" nowrap width=60 align="center">[l]Status[/l]</td>
    </tr>
    <!-- Invoice Rows -->
    <!-- BEGIN DYNAMIC BLOCK: invoicerow -->
        <tr id="row_ie_{LISTINVOICEID}" class="{ROWCLASS}" style="{ROWSTYLE}">
            <td><INPUT type="checkbox" value="{LISTINVOICEID}" id="i{LISTINVOICEID}" name="entry" onClick='AsyncSelectInvoice("{BOOLVIEWINGARCHIVE}");' {INVOICECHECKED} /></td>
            <td>{COL2DATA}</td>
            <td>{COL3DATA}</td>
            <td id="check_{LISTINVOICEID}" align=center>{CHECKDATA}</td>
            <td id="amount_{LISTINVOICEID}" align="right">{COL4DATA}</td>
            <td id="status_{LISTINVOICEID}" align="center">{COL5DATA}</td>
        </tr>
    <!-- END DYNAMIC BLOCK: invoicerow -->
    <!-- BEGIN DYNAMIC BLOCK: noinvoicesrow -->
        <tr>
	      	<td colspan="5" align=center><span style='font-size:11px;'>[l]There are no invoices for the selected billing type[/l]</span></td>
        </tr>
    <!-- END DYNAMIC BLOCK: noinvoicesrow -->
</tbody>
</table>
</form>

<br />

<!-- Buttons and Action Dropdown list -->
<div id="invoicebuttons" style="height:50px;"><img src='images/spacer.gif' id='invoicebuttonwaiting' border='0' /></div>

<script type="text/javascript">
<!--
    if (document.images)
    {
       pic1= new Image(167,14); 
       pic1.src="images/loading.gif";
    }
//-->   
</script>

<!-- BEGIN DYNAMIC BLOCK: showactiveinvoice_js -->
    <script type="text/javascript">
    //Used to show active invoice on page refresh
    {SETSELECTEDINVOICE_JSFUNCTION}
    </script>
<!-- END DYNAMIC BLOCK: showactiveinvoice_js -->
