{AJAXCONTENT}
	<script type="text/javascript" src="{JSDIR}jquery.autocomplete.js"></script> 
	<script type="text/javascript" src="{JSDIR}delete.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<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">&nbsp;&nbsp;<font color="black">Family View</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="99%" cellpadding="0" cellspacing="0">
							<tr>
								<td width="70%">
									<fieldset style="width:97%" style="height:10%">
										<legend class="m8" >Advanced Search</legend>
											<table border="0" width="100%" cellpadding="0" cellspacing="0">
												<tr>
													<td width="90%">													
														<table border="0" cellpadding="2" cellspacing="0" width="100%">
															<tr>
																<td><span class="sleft">District Name:</span>
																	<div id="type1">
																		<select type="text"  class="texts" style="width:175px" name="ivillages" value="{IDISTRICT}"onchange="return distChange(this.value);"/> {DISTRICTOPTION} </select>
																	</div>	
																</td>
																<td>
																		<span class="sleft">Block Name:</span>
																	<div id="type2">		
																		<select type="text"  class="texts" style="width:175px" name="ivillages" value="{IBLOCK}"onchange="return blockChange(this.value);"/> {BLOCKOPTION} </select>&nbsp;&nbsp; 
																	</div>	
																</td>	
																<td>
																		<span class="sleft">Village Name:</span>
																	<div id="type3">	
																		<select type="text"  class="texts" style="width:175px" name="ivillages" value="{IVILLAGES}" onchange="return villageChange(this.value);"/> {VILLAGESCODEOPTION} </select>
																	</div>			
																</td>
														    </tr>
															
												</table>
													</td>
			
													<td width="10%">
														<input type="submit" name="Search"   value="Search" />
													</td>
												</tr>
											</table>
									</fieldset>
									 </td>
									 <!-- IF GROUPID == "1" -->
							<!-- <td width="30%" align="right">
								<input type="button" name="Add" value="Add Family" onclick="add();" accesskey="n"/>
							</td> -->
									<!-- ENDIF -->
						</tr>
								</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="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 >
							<!-- <div class="scroll"> -->
									<table cellspacing="1" class="tablesorter" align="center">
										<thead>
											<tr align="center">
												
												
												<td  align="center" background="{SKINS}images/table_header.png">
																		
												</td>
												<th width="10%">Family&nbsp;ID</th>
												<th width="15%">Father&nbsp;Name</th>
												<th width="15%">Family&nbsp;Head&nbsp;Name</th>
												<th width="15%">Average&nbsp;Monthly&nbsp;Income</th>
												<th width="15%">Operational&nbsp;Land&nbsp;Type</th>			
												<th width="15%">Social&nbsp;Group</th>
												<!-- <th width="15%">Panchayat</th> -->
												<th width="15%">Village</th>
												<!-- <th width="15%">Member&nbsp;Name</th> -->
												<!-- <th width="10%">Edit</th> -->
			                                   <!-- 	<th width="10%">Report</th> -->
											</tr>
										</thead>
										<tbody style="height:320px; overflow:auto;">
										
											<!-- BEGIN dbvalues --> 
										<tr>
											<td align="center">
												{recno:parent.STARTNO,ROWCOUNT}<br/>
												<!-- IF parent.Delete -->
											<!-- 	<input type="checkbox" name="delbox[]" title="Delete" id="delbox" value="{PARTICIPANTID}"><br>
												<a href="#" onclick="deleteRecords({participantid});"><img src="{parent.SKINS}images/del.gif" VALUE="Delete" border="0"></a>
												<!-- ENDIF -->  -->
											</td>
											<td align="center">
											   {FAMILYCODE}
											</td>
											<td align="center">
											   {FATHERNAME}
											</td>
											<td align="center">
											   {HEADNAME}
											</td>
											<td align="center">
											   {INCOMEINENGLISH}
											</td>							
											<td align="center">
												{LANDDESCINENGLISH}
											</td>												
								            <td align="center">
												{SOCIALDESCINENGLISH}
											</td>
											<!-- <td align="center">
												{PANCHAYAT}
											</td> -->
											<td align="center">
											    {VILLAGES}
											</td>
											<!-- <td align="center">
											    {MEMBERNAME}
											</td> -->
											<!-- <td align="center" width="10%">
												<a href="?module=iayview&action=familynew&familyid={FAMILYID}">
												 <font color="blue">Edit</font></a>
											</td> -->
			                               <!--  <td align="center" width="10%">
												<a href="?module=participants&action=participantreport&participantid=
												{PARTICIPANTID}" target="_blank"><font color="blue">View</font></a>
											</td>	 -->
										</tr>													
											<!-- END dbvalues -->
										<tr>
											<td colspan="10">&nbsp; </td>
										</tr>
										</tbody>						
									</table>
								<!-- </div>	 -->							
								</td>
							</table>							
					</td>
					</tr>
				</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="familyid" value="{FAMILYID}"/>	 
	<input type="hidden" name="action" value="{FORMACTION}"/>
	<input type="hidden" name="module" value="{MODULE}"/>
	<style type="text/css">
		div.scroll
		{
		background-color:#FFFFFF;
		width:975px;
		height:360px;
		overflow:scroll;
		}
	</style>	
	<SCRIPT LANGUAGE="JavaScript">	

	
	

		$().ready(function() {  

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

				width: 200,  

				 matchContains: true,  

				 selectFirst: false 

			 });  

		 });  	
	
		
		
	</script>