{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" background="{SKINS}images/table_header.png" align="center"><a href="#" onclick="add();" title='Back' ><img	src="skins/default/images/back.png" border="0" height="32px" width="60px" align="left" value="Back"></a>&nbsp;&nbsp;<font color="black">{WARDNAME} Cost Overrun Projects</font> </td>
	    </TR>
		<tr>
			<td width="100%">
				<table cellspacing="1" align="center" bgcolor="#CDB38B" width="100%">
					<tr align="center">
						<td width="4%" ><FONT SIZE="2" COLOR="#330000">Sl.No</FONT></td>
						<td width="10%"><FONT SIZE="2" COLOR="#330000">Work&nbsp;Code</FONT></td>
						<td width="35%"><FONT SIZE="2" COLOR="#330000">Project&nbsp;Name</FONT></td>
						<td width="10%"><FONT SIZE="2" COLOR="#330000">WorkOrder</FONT></td>
						<td width="10%"><FONT SIZE="2" COLOR="#330000">Expenditure&nbsp;Incurred</FONT></td>
						<td width="10%"><FONT SIZE="2" COLOR="#330000">Approved&nbsp;Cost</FONT></td>
						<td width="10%"><FONT SIZE="2" COLOR="#330000">Status</FONT></td>
						<td width="10%"><FONT SIZE="2" COLOR="#330000">Cost Overrun</FONT></td>
 						<td width="5%"><FONT SIZE="2" COLOR="#330000">Report</FONT></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table cellspacing="1" align="center" width="100%" >
							<!-- BEGIN dbvalues --> 
						<tr>
							<td width="15%" align="center">{EMPLOYEEID}</td>													
											<td width="15%">{EMPLOYEENAME}</td>
											<td width="18.5%">{BBMPDEPARTNAME}</td>
											<td width="18.5%">{OPTCUSFIELD01}</td>
											<td align="center" width="15%">{DATEOFJOINING}</td>
											<td align="center" width="10%">{ZONE}</td>
											<td align="center" width="10%">
												<a href="?module=employee&action=bbmpemployee&employeetableid=
												{EMPLOYEETABLEID}">Edit</a>
											</td>								

											<td align="center" width="10%">
												<a href="?module=company&action=report&employeetableid=
												{EMPLOYEETABLEID}" target="_blank">View</a>
											</td>

											<td align="center" width="05%">
												<a href="?module=oldprojects&action=detailedproject&workcodeid=
												{WORKCODEID}" target="_blank">View</a>
											</td>	
						</tr>													
							<!-- END dbvalues -->
				</table>
			</td>
		</tr>	
	</table>							
				
	<!-- 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  -->	
	<input type="hidden" name="workcodeid" value="{WORKCODEID}"/>
	<input type="hidden" name="action" value="{FORMACTION}"/>
	<input type="hidden" name="module" value="{MODULE}"/>
	<input type="hidden" name="workstatusid" value="{WORKSTATUSID}"/>	
	<input type="hidden" name="projectid" value="{PROJECTID}"/>
	<style type="text/css">
		div.scroll
		{
		background-color:#FFFFFF;
		width:975px;
		height:360px;
		overflow:scroll;
		}
	</style>	
	<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 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>