{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}delete.js"></script>
<script type="text/javascript" src="{JSDIR}delete.js"></script>
<script type="text/javascript" src="{JSDIR}delete.js"></script><input name="taskdocid" type="hidden" value="{TASKDOCID}">
    <div id="tabs" style="background:white">
		<div id="fragment-1">
			<table border="0"  bgcolor="#CDB38B" class="" align="center" cellpadding="2" cellspacing="1" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}"> 
				<TR>
					<TD>
						<table align = "center" border="0" width="70%" cellpadding="5" cellspacing="4">
							<tr>
								<td align="left"><font color="Black">Bill Id:</font></td>
								<td align="left"><input type="text" class="texts" name="detailid" value="{DETAILID}" style="width:250px" disabled="disabled">
								</td>
							</tr>
							<tr>
								<td align="left"><font color="Black">Work Code:<font color="RED">*</font></font></td>
								<td align="left"><input  type="text" class="texts" style="width:250px" name="workcode" value="{WORKCODE}"/></td>
							</tr> 
							<tr>
								<td align="left"><font color="Black">Project Name:<font color="RED">*</font></font></td>
								<td align="left"><input  type="text" class="texts" style="width:250px" name="projectname" value="{PROJECTNAME}" /></td>
							</tr> 
							<tr>
								<td align="left"><font color="Black">Bill Date:<font color="RED">*</font></font></td>
								<td align="left"><input  type="text" class="texts" style="width:250px" name="billdate" value="{BILLDATE}" id="datepicker"/></td>
							</tr> 
							 
							<tr>
								<td align="left"><font color="Black">Running Bill No:</font></td>
								<td align="left"><input  type="text" class="texts" style="width:250px" name="runningbillno" value="{RUNNINGBILLNO}" onblur = " if(this.value !=''){
								if(isNaN(this.value)){alert('It\'s not a valid integer'); this.value='';this.focus();}}"/></td>
							</tr> 
						</table>
					</TD>
				</TR>
				 <!-- <tr>
				    <td align="right">
				        <a href="#fragment-2" id="#fragment-2"><img src="skins/default/images/datepicker/sizzlejs_32x32.png" alt="Move" border="0"></a>&nbsp;
					</td>
				</tr>  -->
			</table>
				<input type="hidden" name="detailid" value="{DETAILID}"/>
				<input type="hidden" name="action" value="{FORMACTION}"/>
				<input type="hidden" name="module" value="{MODULE}"/>
		</div>
	 
			<!-- First Fragment Ending Here -->
		
			<!-- Second fragment Starting Here  -->
	  
		<div id="fragment-2">
			<table align="center"  bgcolor="#CDB38B"  cellspacing="1" cellpadding="2" width="50%" border="0"  style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}"> 	
				<TR>
					<TD>
						<table align = "center" border="0" width="60%" cellpadding="5" cellspacing="0">
							<tr>
								<td>
									<b>Pre Measurement Book Details</b>
									<table align="center">
										<tr>
											<td class="sleft" align = "left">
												<input type="button" class ="buttonflat" style="width:75px" value="Add Row" onclick="addRow('data1Table')" />
												<input type="button" class ="buttonflat" style="width:75px"value="Delete Row" onclick="deleteRow('data1Table')" />
											</td>
										</tr>
										<tr>
											<td>
												<table border="0" width="100%">
													<tr>
														<td align="left" width="05%" rowspan="2"></td>
														<td align="left" width="20%" rowspan="2">Book Type:</td>
														<td align="left" width="20%" rowspan="2">Book No:</td>
														<td align="left" width="20%" rowspan="2">Year:</td>
														<td align="center" width="35%" colspan="2">Page No:<font color="RED">*</font></td>
													</tr>
													<tr>
														<td align="left" width="17%" colspan="1">From:</td>
														<td align="center" width="17%" colspan="1">To:</td>
													</tr>
												</table>
											</td>
										</tr>
										<tr>	
											<td class="sleft" colspan="2">
												<table id="data1Table" width="100%" cellpadding="4">
													<tr >
														<td><input type="checkbox" name="chk"/></td>
														<td><select type="text" id="pmbbooktype" class="texts" name="pmbbooktype[]"  value="{PMBBOOKTYPE}"  style="width:125px" /> <option value="">--select--</option>
															<option value="Civil">Civil</option>
															<option value="Steal/Others">Steal/Others</option></select>
														</td>
														<td><input type="text" id="pmbbookno" class="texts" name="pmbbookno[]" value="{PMBBOOKNO}" onblur = " if(this.value !=''){
															if(isNaN(this.value)){alert('It\'s not a valid integer'); this.value='';this.focus();}}" />
														</td>
														<td><select type="text" id="pmbyear" class="texts" name="pmbyear[]" style="width:125px"  />{PMBYEAR}</select></td>
														<td><input type="text" id="pmbpagenofrom" class="texts" name="pmbpagenofrom[]"  onblur = " if(this.value !=''){
															if(isNaN(this.value)){alert('It\'s not a valid integer'); this.value='';this.focus();}}" />
														</td>
														<td><input type="text" id="pmbpagenoto" class="texts" name="pmbpagenoto[]"  onblur = " if(this.value !=''){
															if(isNaN(this.value)){alert('It\'s not a valid integer'); this.value='';this.focus();}}"/>
														</td>
													</tr>
												</table> 
											</td>
										</tr> 
									</table> 	
								</td>
							</tr>
						</table>
					</TD>
				</TR>
			</TABLE>	
				<input type="hidden" name="detailid" value="{DETAILID}"/>
				<input type="hidden" name="action" value="{FORMACTION}"/>
				<input type="hidden" name="module" value="{MODULE}"/>
		</div>
		
			<!-- Second Fragment Ending Here-->
	
				<TR>
	    			<TD>
		    			<table align = "center" border="0" width="70%" cellpadding="5" cellspacing="4">
							<tr>	
								<td align="center">
									<input class="texts" type="submit" name="save" value="Save" onclick="return formCheck(theform)"/>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input class="texts" type="submit" name="save" value="Submit" onclick="return formCheck1(theform)"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="?module=billing&action=modify&projectid={PROJECTID}">View</a>
								</td>
							</tr>  
						</table>
				 	</TD>
				</TR>
			</table>
		</div>		
		
		<input type="hidden" id="pmbc" name="data1Table"  value="0"/>
		<input type="text" name="pmbcount" id="pmbcount" value="{PMBCOUNT}" /> 
		<input type="hidden" name="billid" value="{BILLID}"/>
		<input type="hidden" name="action" value="{FORMACTION}"/>
		<input type="hidden" name="module" value="{MODULE}"/>  
		<input type="hidden" id="dynamictextBookType" value=""/>
	    <input type="hidden" id="dynamictextBOokNo" value=""/>
	    <input type="hidden" id="BookType" value=""/>
	    <input type="hidden" id="BookNo" value=""/>
		<input type="hidden" id="BookYear" value=""/>
	    <input type="hidden" id="PageFrom" value=""/>
		<input type="hidden" id="PageTo" value=""/>
		
		<input type="hidden" name="detailid" value="{DETAILID}"/>
	</div>	
	<script LANGUAGE="JavaScript">
    
		

		function formCheck(theform)
		{
	
			document.theform.BookType.value= arraytoString(document.theform.pmbbooktype);
			document.theform.BookNo.value= arraytoString(document.theform.pmbbookno);
			document.theform.BookYear.value= arraytoString(document.theform.pmbyear);
			document.theform.PageFrom.value= arraytoString(document.theform.pmbpagenofrom);
			document.theform.PageTo.value= arraytoString(document.theform.pmbpagenoto);

				
			updatebilling();
			
			return false;
			
		}

	function init()
	{	
		
		fetch();
		fetch1();
		itemfet();
	}

	window.onload = init;
	function fetch() {
		var valpmb=document.getElementById('pmbcount').value;
		editrow(valpmb);
	}
	
	function editrow(rvalue){		
		 var idpmb='data1Table';
		
		 for(var i=0;i<=rvalue;i++)
		 {	
		 
		 if(i==0)
		 {
			
		 }
		 else
		 {
		   alert(i);
		 document.getElementById(idpmb+i).style.display="";
		
		 }
		}
		document.getElementById('pmbc').value=rvalue;
		
	}

	
function addRow(tableID) {

			var table = document.getElementById(tableID);

			var rowCount = table.rows.length;
			var row = table.insertRow(rowCount);

			var colCount = table.rows[0].cells.length;

			for(var i=0; i<colCount; i++) {

				var newcell	= row.insertCell(i);

				newcell.innerHTML = table.rows[0].cells[i].innerHTML;
				switch(newcell.childNodes[0].type) {
					case "text":
							newcell.childNodes[0].value = "";
							break;
					case "checkbox":
							newcell.childNodes[0].checked = false;
							break;
					case "select-one":
							newcell.childNodes[0].selectedIndex = 0;
							break;
				}
			}
		}

		function deleteRow(tableID) {
			try {
			var table = document.getElementById(tableID);
			var rowCount = table.rows.length;

			for(var i=0; i<rowCount; i++) {
				var row = table.rows[i];
				var chkbox = row.cells[0].childNodes[0];
				if(null != chkbox && true == chkbox.checked) {
					if(rowCount <= 1) {
						alert("Cannot delete all the rows.");
						break;
					}
					table.deleteRow(i);
					rowCount--;
					i--;
				}
			}
			}catch(e) {
				alert(e);
			}
		}
		
		// Function to retrieve Array Values
		
		function arraytoString(arrayValue)
		{
			var count = arrayValue.length;
			var retVal = "";
			for(i=0;i<count;i++)
			{
				retVal+= arrayValue[i].value + ",";
			}
			retVal = retVal.substring(0,retVal.length - 1);
			return retVal;
		}
</script>