{AJAXCONTENT}
<table align="center"  cellspacing="1" cellpadding="2" width="90%" border="0"  style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}"> 	
		<tr>
				<td width="100%" class="heading" height="20" background="{SKINS}images/table_header.png" align="center"><font color="black">Work Code Generation</font> </td>
		</tr>
	
		<tr>
			<td bgcolor="#EEEEEE" >
				<table align="center" cellspacing="2" cellpadding="3" width="100%" border="0"  > 	
		      
				<tr>
					<td width="20%" align="left" >Zone </td>
					
					<td width="30%" align="left" >
							<div id="type1">
						<input type="text" style="width:150px" class="texts" name="zone" value="{ZONE}" disabled="disabled"/>
							</div>
					</td>
			
			
					<td width="20%" align="left" >Estimated Cost </td>
					<td width="30%">
						<input type="text" style="width:150px" 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();}} validateCode(this.value);" />                                                           
					</td>							
				</tr>
		
				<tr>
					<td width="20%" align="left" >Constituency</td>
					<td width="30%" align="left" >
					<div id="type2">
						<input type="text" style="width:150px" class="texts" name="constituency" value="{CONSTITUENCY}" disabled="disabled"/>
					</div>
					</td>
					
					<td width="20%" align="left" >Budget</td>
					<td width="30%">
						<input type="text" style="width:150px" class="texts" name="budget" value="{BUDGET}" onblur = " if(this.value !=''){
													   if(isNaN(this.value)){alert('Enter valid integer for Budget'); this.value='';this.focus();}
													  else if(this.value <= 0){alert('Invalid No. of Pages');this.value='';this.focus();}} validateCode(this.value);" />
						</td>
																			
				</tr>
	  
				<tr>
					<td width="20%" align="left"  >Division </td>
					<td width="30%" align="left" >
							<div id="type3">
						<input type="text" style="width:150px" class="texts" name="division" value="{DIVISION}"disabled="disabled" />
							</div>
					</td>
					
					<td width="50%" align="left" colspan="2">
						<font color="red" > * fields are Mandatory</font>
					</td>

				</tr>
								
				<tr>
					<td width="20%" align="left"  >Sub Division </td>
					
					<td width="30%" align="left" >
						<div id="type4">
						<input type="text" style="width:150px" class="texts" name="subdivision" value="{SUBDIVISION}"disabled="disabled" />
						</div>
					</td>
																		
					<td width="20%" align="left" > Approval Year <font color="red" >*</font> </td>
					<td width="30%" align="left" >
					 
					  <select name="approvalyear" class="texts" style="width:150px">					
						   {APPROVALYEAROPTION}
					  </select>
					</td>	
					
				</tr>          

				<tr>
					<td width="20%" align="left" >Ward <font color="red" >*</font></td>
					<td width="30%" align="left" >
					<div id="type4">
						<select name="wardname" class="texts" style="width:150px" onchange="return wardChange(this.value);">					
					   {WARDOPTION}
					</select>
					</div>
					</td>
															
											  
					<td width="20%" align="left" >Category <font color="red" >*</font></td>
					<td width="30%" align="left" >
					<select name="category" class="texts" style="width:150px">					
					   {CATEGORYOPTION}
					</select>
					
					</td>
				</tr>


				<tr>
					<td width="20%" align="left"  >Description Of Work</td>
					<td width="30%" >
					<textarea name="description" class="texts" cols="20">{DESCRIPTION}</textarea>
					</td>
																			  
					<td width="20%" align="left"  > Nature Of Work <font color="red" >*</font></td>
					<td width="30%" align="left" >
					 <select name="nature" class="texts" style="width:150px">					
					{NATUREOFWORKOPTION}	
					</select> 
					
					</td>
				</tr>


				<tr>
					<td width="20%" align="left" >Remarks</td>
					<td width="30%" >	
					<textarea name="remarks" class="texts">{REMARKS}</textarea>
					</td>
					
																  
					<td width="20%" align="left">Department <font color="red" >*</font></td>
					<td width="30%" align="left" >
						<select name="department" class="texts" style="width:150px">					
						   {DEPARTMENTOPTION}
						</select>
						
					</td>	  
											  
				</tr>
									
				<tr>		  
					<td width="20%" align="left" >Contractor</td>
					<td width="30%" align="left" >
					  <select name="contractor" class="texts" style="width:150px">					
						   {CONTRACTOROPTION}
					  </select>
					</td>
		  
					<td width="20%" align="left"  >Type  <font color="red" >*</font></td>
					<td width="30%" align="left" >
					  <select name="type" class="texts" onchange="return typeChange(this.value);" style="width:150px">					
						   {TYPEOPTION}
					  </select>
					 
					</td>	  
					
				</tr>
	
				<tr>		  
					<td width="20%" align="left" >Status of Work</td>
					<td width="30%" align="left" >
						<select name="statusofwork" class="texts"  style="width:150px">{STATUSOFWORKOPTION}</select>
					</td>
					
					<td width="20%" align="left" >Sub Type <font color="red" >*</font></td>
					<td width="30%" align="left">
					  <div id="type5">
						<select name="subtype" class="texts"  style="width:150px"></select>
						
					</div>
					</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>    
				</table>
			</td>
		</tr>
</table>
		<input type="hidden" name="workcodeid" value="{WORKCODEID}"/>	

<script>

	 
	 function formCheck(theform) {
			
			if(!validRequired(theform.wardname,"Ward"))
				return false;
				
			if(!validRequired(theform.description,"Description of Work"))
			return false;
			
			if(!validRequired(theform.remarks,"Remarks"))
				return false;
			if(!validRequired(theform.contractor,"Contractor"))
				return false;
			if(!validRequired(theform.statusofwork,"Status Of Work"))
				return false;
			if(!validRequired(theform.estimatedcost,"Estimated Cost"))
				return false;
			if(!validRequired(theform.budget,"Budget"))
				return false;
			if(!validRequired(theform.approvalyear,"Approval Year"))
				return false;
			if(!validRequired(theform.category,"Category"))
				return false;
			if(!validRequired(theform.nature,"Nature of Work"))
				return false;
			if(!validRequired(theform.department,"Department"))
				return false;
			if(!validRequired(theform.type,"Type"))
				return false;
			if(!validRequired(theform.subtype,"Sub Type"))
				return false; 
				
			updateWorkcode();
			return false;
		} 
</script>
<!-- Code to block Source code by right click view souce code starts here -->

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximusatnsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

<!-- Code to block Source code by right click view souce code ends here -->