{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}delete.js"></script>
	
	<div id="Ward">
	<table  width="100%" align="center" border="0">
	
				
				
				
				<tr>
					<td  valign="top" height="450px" align="center" width="25%"><br/>
					
					<table bgcolor="#CDB38B"  cellspacing="2" height="450px" width="90%" cellpadding="3" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" >
								<TR>
									<td colspan="2" bgcolor="#8B795E"  height="10%" align="center" width="100%"><font color="white" style="class:headings;"><B>Select Your Location</B></font><br/>
									</td>
								</TR>
								
													
							<tr>
								<td width="50%" align="left">&nbsp;&nbsp;Zone
								</td>
								<td width="50%" align="left" >
									<div id="zoneid">
										<input type="text" style="width:140px" class="texts" name="zone" value="{ZONE}" disabled="disabled"/>
									</div>
								</td>
							</tr>
											<!-- Changes Made By Mani As Required By Mashood Date:30-08-2010 Time 1:45pm  -->
											<!--   **************** Code  starts Here *********************** -->
							<tr>					
								<td width="50%" align="left">&nbsp;&nbsp;Zone Engineer(CE) 
								</td>

								<td  width="50%" align="left" >
									<div id="zonal_engineer">
										<input type="text" style="width:140px" class="texts" name="zonal_engineer" value="{ZONAL_ENGINEER}" disabled="disabled" />
									</div>
								</td>
							</tr>
							
							<tr>
								<td width="50%" align="left">&nbsp;&nbsp;Constituency
								</td>

								<td width="50%" align="left">
									<div id="constituencyid">
										<input type="text" style="width:140px" class="texts" name="constituency" value="{CONSTITUENCY}" disabled="disabled"/>
									</div>
								</td>
							</tr>

							<tr>
								<td  width="50%" align="left" >&nbsp;&nbsp;Division
								</td>

								<td  width="50%" align="left">
									<div id="divisionid">
										<input type="text" style="width:140px" class="texts" name="division" value="{DIVISION}" disabled="disabled" />
									</div>
								</td>
							</tr>
							
							<tr>
								<td width="50%" align="left">&nbsp;&nbsp;Division Engineer(EE) 
								</td>

								<td width="50%" align="left">
									<div id="divisional_engineer">
										<input type="text" style="width:140px" class="texts" name="divisional_engineer" value="{DIVISIONAL_ENGINEER}" disabled="disabled" />
									</div>
								</td>
							</tr>
							
							 <tr>
								<td width="50%" align="left"  >&nbsp;&nbsp;Sub Division 
								</td>

								<td width="50%" align="left"  >
									<div id="subdivisionid">
										<input type="text" style="width:140px" class="texts" name="subdivision" value="{SUBDIVISION}" disabled="disabled" />
									</div>
								</td>
							</tr> 
							
							
							<tr>					
								<td width="50%" align="left">&nbsp;&nbsp;Subdivisional<br/>&nbsp;&nbsp;Engineer(AEE) 
								</td>

								<td width="50%" align="left" >
									<div id="subdivisional_engineer">
										<input type="text" style="width:140px" class="texts" name="subdivisional_engineer" value="{SUBDIVISIONAL_ENGINEER}" disabled="disabled" />
									</div>
								</td>
							</tr>

							<tr>
								<td width="50%" align="left">&nbsp;&nbsp;Ward 
								</td>

								<td width="50%" align="left" >
									<div id="wardid1">
										<select name="wardname" onchange="wardChange(this.value);" class="texts" style="width:140px">					
											{WARDOPTION}	
										</select>
									</div>

									<div id="wardnum">
									</div>
								</td>
							</tr>
							
							<tr>
								<td width="50%" align="left">&nbsp;&nbsp;Ward Engineer(AE or JE) 
								</td>

								<td width="50%" align="left">
									<div id="ward_engineerid">
										<input type="text" style="width:140px" class="texts" name="wardengineer" value="{WARD_ENGINEER}" disabled="disabled" />
									</div>
								</td>
							</tr>
							
						
							<tr>
								<td  width="50%" align="left">&nbsp;&nbsp;Locality</td>
								<td width="50%" align="left">
									<div id="localityid">
									<select name="locality"  class="texts" style="width:140px">					
											{LOCALITYOPTION}	
									</select> 
									</div>
								</td>
							</tr>

							<tr>
								<td  width="50%" align="left">&nbsp;&nbsp;PostalCode</td>
								
								<td width="50%" align="left">
									<div id="postalcodeid">
										<input type="text" style="width:140px" class="texts" name="postalcode" value="{POSTALCODE}"disabled="disabled" />
									</div>
								</td>	
							</tr>
						</table>
		</td>
			
			
			
						
								
						
								
								
			
		<td   valign="top" align="center" height="450px" width="25%"><br/>
		<table bgcolor="#CDB38B" cellspacing="2" height="450px" width="90%" cellpadding="3" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" >
						
						<TR>
							<td colspan="2" bgcolor="#8B795E"  height="10%" align="center" width="100%"><font color="white" style="class:headings;"><B>Enter Your Project Details</B></font><br/>
							</td>
						</TR>
								
						<tr>						
							<td width="50%" align="left">&nbsp;&nbsp;Project Name/<br/>&nbsp;&nbsp;Description Of Work
							</td>
							
							<td width="50%" align="left" >
								<textarea name="projectname" class="texts" rows="4" cols="20" style="width:140px">{PROJECTNAME} 
								</textarea>
							</td>
						</tr>

						

						<tr>
														
							<td width="50%" align="left">&nbsp;&nbsp;Estimated Cost					
							</td>		
							
							<td width="50%" align="left">
								<input type="right" style="width:140px" onclick="window.open('?module=workcode&action=popup&nomenu=1','welcome','top=196px,left=590px,location=no,width=223,height=200')" class="texts" name="estimatedcost" value="{ESTIMATEDCOST}" onblur = " if(this.value !=''){
								if(isNaN(this.value)){alert('Enter valid integer for EstaimateCost'); this.value='';this.focus();}
								else if(this.value <= 0){alert('Invalid No. of Pages');this.value='';this.focus();}}" />                                                           
							</td>	
						</tr>

						<tr>
							<td  width="50%" align="left">&nbsp;&nbsp;Budget Head/P Code
							</td>

							<td width="50%" align="left">
								<select name="budget"  class="texts" style="width:140px">					
									{BUDGETOPTION}	
								</select> 
							</td>
						</tr>
						
						
						
						<tr>
							<td width="50%" align="left">&nbsp;&nbsp;Contractor Class
							</td>

							<td width="50%" align="left">
							<div id="type3">
							<div id="contractorclassid">
								<select name="contractorclassid"  onchange="contractorChange(this.value);" class="texts" style="width:140px" >					
									{CONTRACTORCLASSOPTION}
								</select><br/>
							</div>
							</div>
							</td>
						</tr>
						<tr>
							<td width="50%" align="left">&nbsp;&nbsp;Contractor Name
							</td>

							<td width="50%" align="left">
							<div id="type2">
							<div id="contractorid1">
								<select name="contractorname" onchange="codeChange(this.value);"  class="texts" style="width:140px" >					
									{CONTRACTOROPTION}
								</select><br/>
							</div>
							</div>
							</td>
						</tr>
						<tr>
							<td width="50%" align="left">&nbsp;&nbsp;Contractor Code
							</td>

							<td width="50%" align="left">
							<div id="contractorcode">
								<input type="text" style="width:140px" class="texts" name="contractorcode" onblur="return formCheck4(theform)" value="{CONTRACTORCODE}"/>
							</div>
							</td>
						</tr>				
					
					</table>		
		</td>
					
	
	
		<td   valign="top" align="center" height="450px" width="25%"><br/>
		<table  bgcolor="#CDB38B" cellspacing="2"  height="450px" cellpadding="3" width="90%"  style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
						
						<TR>
							<td colspan="2" bgcolor="#8B795E"  height="10%" align="center" width="100%"><font color="white" style="class:headings;"><B>Select Mandatory Fields</B></font><br/>
							</td>
						</TR>										
								
								<tr>
									<td width="50%" align="left">&nbsp;&nbsp;Nature Of Work
									</td>

									<td width="50%" align="left" >
										<select name="nature"  class="texts" style="width:140px" style="width:140px">					
											{NATUREOFWORKOPTION}	
										</select> 
									</td>
								</tr>	
		
								<tr>
									<td width="50%" align="left" >&nbsp;&nbsp;Approval Year 
									</td>

									<td width="50%" align="left" >
										<select name="approvalyear"  class="texts" style="width:140px" style="width:140px">					
											{APPROVALYEAROPTION}
										</select>
									</td>	
								</tr>
			
								

								<tr>	
									<td width="50%" align="left">&nbsp;&nbsp;Category
									</td>

									<td width="50%" align="left" >
										<select name="category"  class="texts" style="width:140px" style="width:140px">					
											{CATEGORYOPTION}
										</select>
									</td>
								</tr>

								
								<tr>
									<td width="50%" align="left">&nbsp;&nbsp;Department
									</td>
		
									<td width="50%" align="left" >
										<select name="department" class="texts" style="width:140px" style="width:140px">					
											{DEPARTMENTOPTION}
										</select>
									</td>
								</tr>

								<tr>
									<td width="50%" align="left"  >&nbsp;&nbsp;Type
									</td>
				
									<td colspan="1"width="50%" align="left" >
										<select name="type" class="texts" onchange="return typeChange(this.value);" style="width:140px">					
											{TYPEOPTION}
										</select>
									</td>
								</tr>

								<tr>
									<td width="50%" align="left" >&nbsp;&nbsp;Sub Type
									</td> 
		
									<td width="50%" align="left">
										<div id="type5">
											<select name="subtype" class="texts"  style="width:140px">{SUBTYPEOPTION}</select>
										</div>
									</td>
								</tr>
								</table><br/>
								
								<tr>
									<td colspan="4"  width="60%">
										<table width="100%" align="">
										<tr>
											<td width="30%" align="right" >Remarks
											</td>

											<td width="45%" align="left">	
											<textarea name="remarks" class="texts" style="width:190px">{REMARKS}
											</textarea>
											</td>
										</tr>
										</table>
									</td>
								</tr>	

				<tr>
					<td colspan="4" align="center" >
						<input class="texts" type="submit" name="save" value="Save" onclick="return formCheck(theform);"/>
						<input class="texts" type="button" name="back" value="Back" onclick="if (dialogBox('Are you sure you want to go back')) {Gotoview();}"/>
					</td>
				</tr>
			</td>
		</tr>

								
	</div>
		</table>
	
	
			
					
					
						
						
					
<script>

		
	  function formCheck(theform) {
					
			if(!validRequired(theform.wardname,"Ward"))
				return false;
			
			/*if(!validRequired(theform.clientname,"Client Name"))
				return false;
			
			if(!validRequired(theform.projectname,"Project Name"))
				return false;	*/
				
			if(!validRequired(theform.projectname,"Description of Work"))
				return false;
				
			if(!validRequired(theform.estimatedcost,"Estimated Cost"))
				return false;
			
			if(!validRequired(theform.budget,"Budget"))
				return false;
			
			/*if(!validRequired(theform.projecthead,"Project Head"))
				return false;*/
				
	        if(!validRequired(theform.nature,"Nature of Work"))
				return false;
				
			if(!validRequired(theform.approvalyear,"Approval Year"))
				return false;
			
			if(!validRequired(theform.category,"Category"))
				return false;	
			
			
			if(!validRequired(theform.department,"Department"))
				return false;
				
			if(!validRequired(theform.type,"Type"))
				return false;
				
			if(!validRequired(theform.subtype,"Sub Type"))
				return false; 
							
			if(!validRequired(theform.remarks,"Remarks"))
				return false; 
				
			//alert("XYZ");
			updateWorkcode();
			return false;
		} 
		
	  function normalworkcodegen(theform)
	 {
		normselect();
		//return false;
	 } 

		
</script>