{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">&nbsp;&nbsp;<font color="black">State 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">State:</span>
																	<input name="istate"  class="texts" style="width:150px" value="{ISTATE}">&nbsp;&nbsp;
																</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 State" 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%">State</th>
												<th width="10%">Short&nbsp;Name</th>
												<th width="10%">Region</th>
												<th width="10%">State&nbsp;Capital</th>
												<th width="15%">State&nbsp;Address</th>
												<th width="20%">Url</th>
												<th width="15%">Status</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="left">
											   {STATE}
											</td>							
											<td align="center">
												{SHORTNAME}
											</td>	
											
											<td align="center">
												{REGION}
											</td>
								            <td align="center">
												{STATECAPITAL}
											</td>
											<td align="center">
												{STATEADDRESS1}
											</td>
											<td align="center">
												{STATEURL}
											</td>
												<td align="center">
												{STATUS}
											</td>
											<td align="center" width="10%">
												<a href="?module=stateview&action=stateupdate&stateid=
												{STATEID}"><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="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">	

	
	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>