{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}jquery.autocomplete.js"></script> 
<script type="text/javascript" src="{JSDIR}delete.js"></script>
	<table border="0" class="" align="center" cellpadding="2" cellspacing="" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}" colspan="2">
		<tr>
			<td class="heading" colspan="2" background="{SKINS}images/table_header.png" align="center">&nbsp;&nbsp;<font color="black">Historic View of Records11</font> </td>
	    </TR>
		
		<tr>
			<td width="100%" >
			<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0">
				<tr>
				 <td align="center" width="60%">
					<table border="0" width="100%" cellpadding="0" cellspacing="0">
						<tr>
						 <td width="70%">
							<fieldset style="width:100%">
								<legend class="m8" >Search</legend>
								    <table border="0" width="100%" cellpadding="0" cellspacing="0">
										<tr>
											<td width="90%">													
												<table border="0" width="100%" cellpadding="1" cellspacing="1">
													<tr>
													<td><span class="sleft">Work Code:</span></td>
													<td>
														<input name="iworkcode" id="suggest1" class="texts" style="width:150px" value="{IWORKCODE}">
													</td>
													<td><span class="sleft">Project Name:</span></td>
													<td>
														<input name="iprojectname"  class="texts" style="width:150px" value="{IPROJECTNAME}">
													</td> 
													</tr>														
												</table>
											</td>

											<td width="10%">
												<input type="submit" name="Search"   value="Search" class="texts" accesskey="s"/>
											</td>
										</tr>
									</table>
							</fieldset>
						 </td>
							 <td width="30%" align="right">
								<!-- <input type="button" name="View" value="view"/>  -->
							</td> 
						</tr>
					</table>
				 </td>
				</tr>
			</table>			
		</td>
		</tr>	

		 <tr>
			<td width="100%">
			
					<table border="0" cellpadding="0" cellspacing="0" width="100%"  align="center">
					 <tr>
						<!-- <td width="20%"> -->
							<!-- IF GROUPID  == "1" -->
							<!-- <input type="button" name="Approved" onclick="movetoids = getMoveToSelected(this); if(movetoids){ commissionerapprovalstatus(movetoids,'Approved');}" value="Approve" class="texts" accesskey="a"/>
							<input type="button" name="Rejected" onclick="movetoids = getMoveToSelected(this); if(movetoids){commissionerapprovalstatus(movetoids,'Rejected');}"  value="Reject" class="texts" accesskey="r"/> -->
							<!-- ENDIF -->
							
							<!-- <input type="button" name="Print" onclick="previewlist();"  value="Print" class="texts" accesskey="p"/>						
						</td> -->
						<td width="80%">{PAGECONTENTS}</td>
					</tr>
					<tr>
					<td colspan="2">
						<!-- Start Show Results -->

							<table border="0" cellpadding="0" cellspacing="0" width="100%" border color="#000000" align="center">
								<tr>
								<td colspan="2">
									<table cellspacing="1" class="tablesorter" align="center">
										<thead>
											<tr align="center">
												
												
												<th  width="2%" background="{SKINS}images/table_header.png">
																		
												<!-- IF GROUPID == "1" --><!--  <input type="checkbox" name="selectmovetoall" onclick="selectMoveToAll(this)" id = "movetobox" value="">  --><!-- ENDIF -->
												</th>
												
												<th width="14%">Work Code</th>
												<th width="15%">New WorkCode</th>
												<th width="15%">Project Name</th>
												<th width="17%">WorkCode Modifiedon</th>
												<th width="12%">Modified by</th>
												<th width="10%">IP&nbsp;Address</th>
												<th width="8%">Work&nbsp;Status</th>
											</tr>
										</thead>
										<tbody>
									

											<!-- BEGIN dbvalues --> 
											<tr>
											<td align="center">
												{recno:parent.STARTNO,ROWCOUNT}<br/>
												<!-- IF parent.Delete -->
												<!-- <input type="checkbox" name="delbox[]" title="Delete" id="delbox" value="{WORKCODEID}"><br>
													<a href="#" onclick="deleteRecords({PROJECTID},{WORKCODEID});"><img src="{parent.SKINS}images/del.gif" VALUE="Delete" border="0"></a> -->
												<!-- ENDIF --> 
											<!-- IF parent.GROUPID == "0" -->
											<!--  <input type="checkbox" id="movetobox" value="{WORKCODEID}"/> -->
											<!-- ENDIF --> 	
										  </td>																		
																										
											
											<td align="left">
												{WORKCODE}
											</td>
											
											<td align="left">
												{WORKCODEMODIFY}
											</td>
											<td align="left">
												{PROJECTNAME}
											</td>
											<td align="center">
												{WORKCODEMODIFYDT}
											</td>											
											<td align="center">
												{USERNAMEDEL}
											</td>											
											<td align="center">
												{IPADDRESS}
											</td>
											<td align="center">
												{WORKSTATUS}
											</td>
											
										</tr>													
											<!-- END dbvalues -->
											<tr>
											<td colspan="10">&nbsp; </td>
										</tr>
										</tbody>						
									</table>
									
								</td>
							</table>							
					</td>
					</tr>

					<!-- This is the default value require to show  -->
					<tr>
						<td>
							<div id="pager" class="pager">
				
							<input type="hidden" class="pagedisplay"/>
							<input type="hidden" class="pagesize" value="{PAGELENGTH}"/>
						</div>
						</td>
					</tr>
					<!-- This is the default value require to show  -->	

				</table>
					{CHKDATA}
			</td>
		</tr> 

			
		
	</table>
	<input type="hidden" name="updateprojectid" value="{UPDATEPROJECTID}"/>
	<input type="hidden" name="action" value="{FORMACTION}"/>
	<input type="hidden" name="module" value="{MODULE}"/>

	
	<SCRIPT LANGUAGE="JavaScript">	
	
		function nextCheck(test){
			nextStep(test);		
		}
		function deleteRecord(idvalue) {
			deleteRecords(idvalue);
			return false;
		}
		function getSelected(obj){
			var delids = "";
			var len = obj.form.delbox.length;
			for (var i = 0; i < len; i++) {
				if (theform.delbox[i].checked) {
					if (delids != "") {delids = delids + ",";}
					delids = delids + theform.delbox[i].value;
				}
			}
			return delids;
		}
		
		function selectAll(obj){
			var len = obj.form.delbox.length;
			for (var i = 0; i < len; i++) {
				theform.delbox[i].checked = obj.checked;
			}
		}
		function previewlist(theform) {
			//alert(theform.iwardname.value);
			window.location.href="?module=workcode&action=preview&nomenu=1";	
		}
		function previewlist(theform) {
			//alert(theform.iwardname.value);
			window.location.href="?module=workcode&action=preview&nomenu=1";	
		}
		function searchRecord(theform) {
			window.location.href="?module=workcode&action=view&iworkcode="+theform.iworkcode.value;		
		}		
		
			$().ready(function() {  

			 $("#suggest1").autocomplete("includes/workcode/search.php", {  

				width: 200,  

				 matchContains: true,  

				 selectFirst: false 

			 });  

		 });  	
	
		
	</script>