{AJAXCONTENT}

<script type="text/javascript" src="{JSDIR}dhtmlgoodies_calendar.js"></script>
		<script type="text/javascript" src="{JSDIR}validation.js"></script>


<table border="0" align="center" cellpadding="5" cellspacing="0" width="100%" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
	<tr>
		<td align="center" style="font-family:verdana"><h1>Tally Report</h1></td>
	</tr>
	<tr>
	<td>
		<table  bgcolor="#C6DEFF" border="0" cellpadding="3" cellspacing="2" width="100%" align="center">
			<tr>
				<!-- Script for "help" module starts here. copy and paste wherever suitable-By Sahana. -->
			<script type="text/javascript" src="{JSDIR}help.js"></script>
			<td align="right">
			<a href="#" onclick="return newPopup('?module=helpmsg&action=helpmsgpop&nomenu=1&module1={MODULE}&action1={ACTION}');" ><img src="{SKINS}images/help1.jpg" title="Click here to View information about the Page" height="20px" width="20px" name="Help"  /></a>
						</td>
			<!-- Help module ends here -->
			</tr>
				
					
					
						
				<tr>
					<td  align="center"  >
						<fieldset style="width:70%">                       
							<legend class="m8" align="center" ><B>Project Id:{PROJECTID}</b></legend>
							<table border="0" cellpadding="3" cellspacing="2" width="100%" >
								
								<tr>
									<td  align="right" class="m8" colspan="2">Voucher Type</td>	
									<td align="center"><input type="text"value="{VOUCHERTYPE}" disabled="disable"></td>
															
								</tr>
								
								<tr>
									<td class="m8" colspan="1">From</td>	
									<td><input type="text"value="{ORGANIZATION}" disabled="disable"></td>
									
									<td class="m8" colspan="1">To</td>	
									<td><input type="text"value="{CONTRACTOR}" disabled="disable"></td>
								</tr>
								
								<tr>
									<td class="m8" colspan="1">Gross Amount(Before Tax)</td>	
									<td><input type="text"value="{BILLAMOUNT}" disabled="disable"></td>
									
									<td class="m8" colspan="1">Gross Amount(Including Tax)</td>	
									<td><input type="text"value="{NETAMOUNT}" disabled="disable"></td>
									
									
								</tr>
								
								<tr>
									<td class="m8" colspan="1">Invoice Date</td>	
									<td><input type="text"value="{INVOICEDATE}" disabled="disable"></td>
									
									<td class="m8" colspan="1">State</td>	
									<td><input type="text"value="{STATE}" disabled="disable"></td>
									
									
								</tr>
								
								
								<tr>
									<td class="m8" colspan="1">groups</td>	
									<td><input type="text"value="{GROUPS}" disabled="disable"></td>
									
									<td class="m8" colspan="1">Types</td>	
									<td><input type="text"value="{TYPES}" disabled="disable"></td>
									
									
								</tr>
								
								
								<tr>
									<td class="m8" colspan="1">Tax Class</td>	
									<td><input type="text"value="{OPT1}" disabled="disable"></td>
									
									<td class="m8" colspan="1">Percentage</td>	
									<td><input type="text"value="{OPT2}" disabled="disable"></td>
								</tr>
								
								
							</table>
						</fieldset>	<BR/>
					</td>
				</tr>
								
					
		
					<tr >
						<td class="m10" align="center" >
							<input type="submit" name="save" value="POST TO TALLY" onclick="return formCheck(theform)"/>
						</td>	
					</tr> 
		</table>
		</td>
	</tr>
</table>


<input type="hidden" name="billid" value="{BILLID}"/>
<input type="hidden" name="projectcode" value="{PROJECTID}"/>
<input type="hidden" name="organizationid" value="{ORGANIZATIONID}"/>
<input type="hidden" name="rcount" id="rcount" value="{RCOUNT}" />

	
<script>

function showMe (it, box) {
alert(box)
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
	
	
	
	
		function formCheck(theform) {
		
			 updateEmployee();			 
			 return false;
		}

		

		function checklength(nextfield,chars,currfield) {

  x= document.theform[currfield].value.length
  if (x == chars) {
    eval('document.theform.' + nextfield + '.focus();');
  }

}
	

$(function() {
				$('#datepicker1').datepicker({
					changeMonth: true,
					changeYear: true
				});
		    	});

			   $(function() {
					$('#datepicker2').datepicker({
						changeMonth: true,
						changeYear: true
					});
				});

				$(function() {
					$('#datepicker3').datepicker({
						changeMonth: true,
						changeYear: true
					});
				});
				
				



		
function doClick(objRad){
if (objRad.value=="No"){
document.getElementById("textbox").style.display='none'; //hide textbox
document.getElementById("otherOpt").style.display='block'; //show other options
}
else{
document.getElementById("otherOpt").style.display='none'; //hide other options
document.getElementById("textbox").style.display='block'; //show textbox
}
}	


$("#datepicker1,#datepicker2").datepicker({
				  //yearRange: '1909:2100'  ,
				  changeMonth: true,
				  changeYear: true,
				  //dateFormat: 'mm/dd/yy',
				  showAnim: 'fadeIn',
				  duration: 1,
				  beforeShow: function customRange(input) {
					if (input.id == 'datepicker1') {
				   return {
					 maxDate: jQuery('#datepicker2').datepicker("getDate")
				   };
					} else if (input.id == 'datepicker2') {
				   return {
					 minDate: jQuery('#datepicker1').datepicker("getDate"),
					 maxDate: jQuery('#datepicker3').datepicker("getDate")
				   };
					}
				  }
				 });
				 
				  
				  $("#datepicker2,#datepicker3").datepicker({
				  //yearRange: '1909:2100'  ,
				  changeMonth: true,
				  changeYear: true,
				  //dateFormat: 'mm/dd/yy',
				  showAnim: 'fadeIn',
				  duration: 1,
				  beforeShow: function customRange(input) {
					if (input.id == 'datepicker3') {
				   return {
					 minDate: jQuery('#datepicker2').datepicker("getDate")
				   };
					}
				  }
				 });
	</script>