{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" align="center" cellpadding="5" cellspacing="0" width="100%" height="100%" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" bgcolor="#C6DEFF" >
	<tr>
		<td align="center" style="font-family:verdana"><h2>Central Sub Departments</h2></td>
	</tr>
	<tr>
		<td colspan="4" valign="top">		
				<table	border="0" width="50%" height="100%"  cellpadding="5" align="center" cellspacing="3" bgcolor="#C6DEFF" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
					
					<tr>
						<td class="sleft" >Central Ministries:<font color="red">*</font></td>
						<td class="sleftn" >							
							 <select name="centralministriesid" value="{CENTRALMINISTRIESID}" class="texts" style="width:250px">
								{CENTRALMINISTRIESOPTION}
							</select>							
						</td>
					</tr>
					<tr>
						<td class="sleft">Central Participants<font color="red">*</font></td>
						<td class="sleftn" >							
							 <select name="centralparticipateid" value="{CENTRALPARTICIPATEID}" class="texts" style="width:250px" onchange="updateDepartment(centralministriesid.value, this.value);" >
								{CENTRALPARTICIPATEOPTION}
							</select>							
						</td>
					</tr>		
					<tr>
						<td class="sleft">Central Department<font color="red">*</font></td>
						<td class="sleftn">
							<div id="centraldepartment">
								<select name="centraldepartmentid" value="{CENTRALDEPARTMENTID}" class="texts" style="width:250px" o>
									{CENTRALDEPARTMENTOPTION}
								</select>
							</div>
						</td>
					</tr>
					<tr>
						<td class="sleft" >Central Sub Department:<font color="red">*</font></td>
						<td class="sleftn">
							<textarea name="centralsubdepartment" class="texts" style="width:250px" value="{CENTRALSUBDEPARTMENT}"> 
									{CENTRALSUBDEPARTMENT} 
							</textarea>
						</td>
					</tr>
					<tr>
						<td class="sleft" >URL<font color="red">*</font></td>
						<td class="sleftn">
							 <input name="url" value="{URL}"class="texts" style="width:250px" value="{ZONE}">
						</td>
					</tr>
					</tr>
						<td class="sleft">IsActive:<font color="red">*</font></td>
						<td class="m8"><input type="radio" name="isactive" value="Yes"  <!-- IF ISACTIVE == "Yes" --> checked <!-- ENDIF --> >Yes&nbsp;<input type="radio" name="isactive" value="No" <!-- IF ISACTIVE == "No" --> checked <!-- ENDIF -->>No</td>
					</tr>
				</table>			
			</td>
		</tr>

	
	<tr><td></td></tr>
	<tr> 
		<td align="center" colspan="4">
			<input type="submit" name="save" value="Submit" onclick="return formCheck(theform)"/>
			<input type="button" style="width:75px" name="cancel" value="Cancel" class="texts" onclick="return formCancel();" > 
		</td>	
	</tr>
	<tr><td></td></tr>		
</table>	


<input type="hidden" name="centralsubdepartmentid" value="{CENTRALSUBDEPARTMENTID}"/>
<input type="hidden" name="action" value="{FORMACTION}"/>
<input type="hidden" name="module" value="{MODULE}"/>

<script language="javascript">

		function formCheck(theform) {
			if (theform.centralministriesid.value === null || theform.centralministriesid.value == ""){
			alert("Central Ministries Required");
			return false;
			}

			if (theform.centralparticipateid.value === null || theform.centralparticipateid.value == ""){
			alert("Central Particapant Required");
			return false;
			}

			if (theform.centraldepartmentid.value === null || theform.centraldepartmentid.value == ""){
			alert("Central Department Required");
			return false;
			}

			/*if (theform.centralsubdepartment.value === null || theform.centralsubdepartment.value == ""){
			alert("Central Sub Department Required");
			return false;
			}*/

			
			Update();
		    return false;
		}

		
		function formCancel() {
			cancel();
		}
	</script>