{AJAXCONTENT}
<link rel="stylesheet" href="skins/default/css/Accordion/demo.css" />
<script type="text/javascript" src="{JSDIR}Accordion/jquery.dimensions.js"></script>
<script type="text/javascript" src="{JSDIR}Accordion/jquery.accordion.js"></script>
<script type="text/javascript" src="{JSDIR}Accordion/Accordion.js"></script>
<script type="text/javascript" src="{JSDIR}WorKCodeTree/jquery.collapsibleCheckboxTree.js"></script>
<link rel="stylesheet" href="{SKINS}CSS/WorKCodeTree/jquery.collapsibleCheckboxTree.css" type="text/css" />

<link rel="stylesheet" type="text/css" href="skins/default/css/Menu/style.css">
<div class="centered">
	<table width="80%" border="0" align="center" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
		<tr>
			<td>
				<table height="50px" width="100%" border="0"align="center">
					<TR height="50%">
						<td colspan="2" bgcolor="#4B7CF5"  height="50%" align="center" width="100%"><font color="white" style="class:headings;"><B>Work Code Generation</B></font><br/>
						</td>
					</TR>	
				</table>
				<table width="80%" border="0" align="center" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
					<tr align="center">
						<td align="center">
							<div class="basic" style="float:left; margin-left: 4em;" id="list1b" align="center">
							<a  align="left">Select Your Location</a>
							<div align="center">
								<table cellspacing="0" BORDER="0" height="425px" width="50%" cellpadding="0" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}" >
									<!-- <TR>
										<td colspan="2" bgcolor="#4B7CF5"  height="10%" align="center" width="100%"><font color="white" style="class:headings;"><B>Select Your Location</B></font><br/>
										</td>
									</TR> -->
																<!--   **************** Code  starts Here *********************** -->
									<tr>					
										<td width="50%" align="left">&nbsp;&nbsp;Country</td>
										<td  width="50%" align="left" >
											<div id="zonal_engineer">
												<select type="text" style="width:140px" class="texts" name="countryid" value="{COUNTRY}" onchange="updateCountryValue(this.value);" />{COUNTRYOPTION}</select>
											</div>
										</td>
									</tr>
											
									<tr>
										<td width="50%" align="left">&nbsp;&nbsp;State</td>
										<td width="50%" align="left">
											<div id="stateid">
												<select type="text" style="width:140px" class="texts" name="stateid" value="{STATE}" onchange="updateStateValue(this.value);"/>{STATEOPTION}</select>
											</div>
										</td>
									</tr>

									<tr>
										<td  width="50%" align="left" >&nbsp;&nbsp;District</td>
										<td  width="50%" align="left">
											<div id="districtchange">
												<select type="text" style="width:140px" class="texts" name="districtid" value="{DISTRICTID}" onchange="updateDistrictValue(this.value);"/>{DISTRICTOPTION}</select>
											</div>
										</td>
									</tr>
									<TR id="subdiv">
									<td>
									</td>
									<td>
									</td>
									</TR> 
									
									<tr id="ZoneId">					
										<td width="50%" align="left"><div id="Taluk_Zone">&nbsp;&nbsp;Taluk</div></td>
										<td width="50%" align="left" >
											<div id="Taluk_ZoneSelect">
												<input type="text" style="width:140px" class="texts" name="talukid" value="{TALUK}" />
											</div>
										</td>
									</tr>
									<tr  id="wardId">
										<td width="50%" align="left"><div id="Panchayat_Ward">&nbsp;&nbsp;Panchayat</td>
										<td width="50%" align="left" >
											<div id="Panchayat_WardSelect">
												<input type="text" style="width:140px" class="texts" name="panchayatid" value="{PANCHAYAT}" />
											</div>
										</td>
									</tr>
											
									<tr>
										<td width="50%" align="left"><div id="VillageName_Locty">&nbsp;&nbsp;Village</div></td>
										<td width="50%" align="left">
											<div id="VillageName_LoctySelect">
												<select type="text" style="width:140px" class="texts" name="villageid" value="{VILLAGE}" onchange="updateVillageValues(this.value);"/>{VILLAGEOPTION}</select>
											</div>
										</td>
									</tr>
									<tr >
										<td  width="50%" align="left"><div id="VillageCode_Locty">&nbsp;&nbsp;Village Pincode</div></td>
										<td width="50%" align="left">
											<div id="VillageCode_LoctySelect">
												<input type="text" style="width:140px" class="texts" name="postalcode" value="{VILLAGEPINCODE}" />
											</div>
										</td>
									</tr>
								</table>
							</div>
							<a align="left">Political Hierarchy</a>
							<div align="center">
								<table	class="mGrid" border="1" width="80%" cellpadding="8" align="left" cellspacing="0" >
									<div id="check" align="left">
										<ul id="example">
											<li><input type="checkbox" name="" onchange=" return headofficevalidation(theform)" />
												<font color="BLACK"><B>Central</B></font>
												<ul>
													<li><input type="checkbox" name="" onchange=" return headofficevalidation(theform)" />
														<font color="BLACK"><B>Ministies</B></font>
														<ul><!-- BEGIN dbvalues -->
															<li><input type="checkbox" id="chkOne" name="ministries{CENTRALMINISTERSID}" value="{CENTRALMINISTERSID}"				onclick="SingleSelect('ministries',this);"/><font color="#7D0552">{MINISTRIES}</font>
																<ul>
																	<li><input type="checkbox" name="" /><B>Participate</B>
																		<ul><!-- BEGIN CENTRALPARTICIPATE -->
																			<li>
																				<input type="checkbox" name="centralparticipate{CENTRALPARTICIPATEID}" onclick="SingleSelect('centralparticipate',this);" value="{CENTRALPARTICIPATEID}" /><font color="#B4045F">{CENTRALPARTICIPATE}</font>
																				<ul><!-- BEGIN CENTRALDEPARTMENTS -->
																					<li>
																						<input type="checkbox" name="centraldepartment{CENTRALDEPARTMENTID}" onclick="SingleSelect('centralsubparticipate',this);" value="{CENTRALDEPARTMENT}" /><font color="#B4045F">{CENTRALDEPARTMENT}</font>
																							<ul><!-- BEGIN CENTRALSUBDEPARTMENT -->
																								<li>
																									<input type="checkbox" name="centralsubdepartment{CENTRALSUBDEPARTMENTID}" onclick="SingleSelect('centralsubdepartment',this);" value="{CENTRALSUBDEPARTMENT}" /><font color="#B4045F">{CENTRALSUBDEPARTMENT}</font>
																									<ul><!-- BEGIN CENTRALCHILDSUBDEPARTMENT -->
																										<li>
																											<input type="checkbox" name="centralchildsubdepartment{CENTRALCHILDSUBDEPARTMENTID}" onclick="SingleSelect('centralchildsubdepartment',this);" value="{CENTRALCHILDSUBDEPARTMENT}" /><font color="#B4045F">{CENTRALCHILDSUBDEPARTMENT}</font>
																											<ul><!-- BEGIN CENTRALMINICHILDDEPARTMENT -->
																												<li>
																													<input type="checkbox" name="centralminichilddepartment{CENTRALMINICHILDDEPARTMENTID}" onclick="SingleSelect('centralminichilddepartment',this);" value="{CENTRALMINICHILDDEPARTMENT}" /><font color="#B4045F">{CENTRALMINICHILDDEPARTMENT}</font>
																													<ul><!-- BEGIN CENTRALMINI1DEPARTMENT -->
																														<li>
																															<input type="checkbox" name="centralmini1department{CENTRALMINI1DEPARTMENTID}" onclick="SingleSelect('centralmini1department',this);" value="{CENTRALMINI1DEPARTMENT}" /><font color="#B4045F">{CENTRALMINI1DEPARTMENT}</font>
																														</li><!-- END CENTRALMINI1DEPARTMENT -->
																													</ul>
																												</li><!-- END CENTRALMINICHILDDEPARTMENT -->
																											</ul>	
																										</li><!-- END CENTRALCHILDSUBDEPARTMENT -->
																									</ul>
																								</li><!-- END CENTRALSUBDEPARTMENT -->
																							</ul>	
																						</li><!-- END CENTRALDEPARTMENTS -->
																					</ul>
																			</li><!-- END CENTRALPARTICIPATE -->
																		</ul>
																	</li>
																</ul>
																<ul>
																	<li><input type="checkbox" name="" /><B>Scheme's</B>
																		<ul><!-- BEGIN CENTRALSCHEME -->
																			<li>
																				<input type="checkbox" name="centralscheme{CENTRALSCHEMEID}" onclick="SingleSelect('centralscheme',this);" value="{CENTRALSCHEME}"/><font color="#B4045F">{CENTRALSCHEME}</font>
																			</li><!-- END CENTRALSCHEME -->
																		</ul>
																	</li>
																</ul>
															</li><!-- END dbvalues -->	
														  </ul>
													 </li>
												</ul>
											</li>	
										
											<li><input type="checkbox" name="" onchange=" return headofficevalidation(theform)" />
												<font color="BLACK"><B>State</B></font>
												<ul><!-- BEGIN dbValuesState -->
													<li><input type="checkbox" id="chkOne" name="state{STATEID}" value="{STATE}"				onclick="SingleSelect('state',this);"/><font color="#7D0552">{STATE}</font>
														<ul>
															<li><input type="checkbox" name="" />	<B>Participate</B>
																<ul><!-- BEGIN STATEPARTICIPATE -->
																	<li>
																		<input type="checkbox" name="stateparticipate{STATEPARTICIPATEID}" onclick="SingleSelect('stateparticipate',this);" value="{STATEPARTICIPATE}" /><font color="#B4045F">{STATEPARTICIPATE}</font>
																		<ul><!-- BEGIN STATEDEPARTMENTS -->
																			<li>
																				<input type="checkbox" name="statedepartment{STATEDEPARTMENTID}" onclick="SingleSelect('statedepartment',this);" value="{STATEDEPARTMENT}" /><font color="#B4045F">{STATEDEPARTMENT}</font>
																				<ul><!-- BEGIN STATESUBDEPARTMENTS -->
																					<li>
																						<input type="checkbox" name="statesubdepartment{STATESUBDEPARTMENTID}" onclick="SingleSelect('statesubdepartment',this);" value="{STATESUBDEPARTMENT}" /><font color="#B4045F">{STATESUBDEPARTMENT}</font>
																						<ul><!-- BEGIN STATESUBDEPARTMENTS_1 -->
																							<li>
																								<input type="checkbox" name="statesubdepartment_1{STATESUBDEPARTMENTID_1}" onclick="SingleSelect('statesubdepartment_1',this);" value="{STATESUBDEPARTMENT_1}" /><font color="#B4045F">{STATESUBDEPARTMENT_1}</font>
																								<ul><!-- BEGIN STATESUBDEPARTMENTS_2 -->
																									<li>
																										<input type="checkbox"	name="statesubdepartment_2{STATESUBDEPARTMENTID_2}" onclick="SingleSelect('statesubdepartment_2',this);" value="{STATESUBDEPARTMENT_2}" /><font color="#B4045F">{STATESUBDEPARTMENT_2}</font>
																									</li><!-- END STATESUBDEPARTMENTS_2 -->
																								</ul>
																							</li><!-- END STATESUBDEPARTMENTS_1 -->
																						</ul>
																					</li><!-- END STATESUBDEPARTMENTS -->
																				</ul>
																			</li><!-- END STATEDEPARTMENTS -->
																		</ul>
																	</li><!-- END STATEPARTICIPATE -->
																			
																</ul>
															</li>
														</ul>
														<ul>
															<li><input type="checkbox" name="" /><B>Scheme's</B>
																<ul><!-- BEGIN STATESCHEME -->
																	<li>
																		<input type="checkbox" name="statescheme{STATESCHEMEID}" onclick="SingleSelect('statescheme',this);" value="{STATESCHEME}"/><font color="#B4045F">{STATESCHEME}</font><br/>
																		&nbsp;&nbsp;&nbsp;&nbsp;<B>Department:</B>{STATEDEPARTMENT}
																	</li><!-- END STATESCHEME -->
																</ul>
															</li>
														</ul>
														<ul>
															<li><input type="checkbox" name="" /><B>District</B>
																<ul><!-- BEGIN DISTRICT -->
																	<li>
																		<input type="checkbox" name="district{DISTRICTID}" onclick="SingleSelect('district',this);" value="{DISTRICT}"/><font color="#B4045F">{DISTRICT}</font>
																		<ul>
																			<li><input type="checkbox" name="" /><B>Scheme's</B>
																				<ul><!-- BEGIN DISTRICTSCHEME -->
																					<li>
																					<input type="checkbox" name="districtscheme{DISTRICTSCHEMEID}" onclick="SingleSelect('districtscheme',this);" value="{DISTRICTSCHEME}"/><font color="#B4045F">{DISTRICTSCHEME}</font>
																				
																					</li><!-- END DISTRICTSCHEME -->
																				</ul>
																			</li>
																		</ul>
																	</li><!-- END DISTRICT -->
																</ul>
															</li>
														</ul>
													</li><!-- END dbValuesState -->	
												  </ul>
											</li>	
										</ul>
									</div>
								</table>
							</div>
							<a align="left">Enter Your Project Details</a>
							<div align="center">
								<table	class="mGrid" border="0" width="50%" cellpadding="8" align="center" cellspacing="0" >
									<TR>
										<td colspan="2" bgcolor="#4B7CF5"  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 align="left"><font color="Black">Estimated Cost:</font></td>
										<td align="left"><input style="width:140px" id="estimatedcost" name="estimatedcost" onkeyup="test_skill()" /> </td>
									</tr>
									<tr width="100%" align="center">
										<td width="100%" align="center"></td>
										<td width="100%" align="center">
											<div  id="estimatedrupee">
										</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;NGO's
										</td>

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

										<td width="50%" align="left">
											<select name="contractor"  class="texts" style="width:140px"></select>					
										</td>
									</tr>	 -->
								</table>
							</div>
							<a  align="left">Select Mandatory Fields</a>
							<div align="center">
								<table	class="mGrid" border="1" width="50%" cellpadding="8" align="center" cellspacing="0" >
									<TR>
										<td colspan="2" bgcolor="#4B7CF5"  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">					
												{DEPARTMENTOPTION1}
											</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>
							</div>
 						</td>
					</tr>
				</table>
				<table width="80%" align="">
					<tr>
						<td width="30%" align="right" >Remarks<font color="red" size="3">*</font>
						</td>

						<td width="45%" align="left">	
						<textarea name="remarks" class="texts" style="width:190px">{REMARKS}
						</textarea>
						</td>
					</tr>
				</table>
				<table height="50px" width="80%" border="0"align="center">
					<tr align="center">
						<td colspan="4" align="center" >
							<!-- IF GROUPID <> "2" -->
							<input class="button" type="submit" name="save" value="Save" onclick="return formCheck(theform);"/>
							<!-- ENDIF -->
							<!-- IF GROUPID == "2" -->
							<input class="button" type="submit" name="save" value="Save" onclick="dialogBox('Sorry! you do not have permission to insert data');"/>
							<!-- ENDIF -->
							<input class="button" type="button" name="back" value="Back" onclick="if (dialogBox('Are you sure you want to go back')) {Gotoview();}"/>
						</td>
					</tr>	
				</table>
			</td>
		</tr>
	</table>
</div>
		<input type="hidden" name="workcodeid" value="{WORKCODEID}"/>	
		<input type="hidden" name="workstatusid" value="{WORKSTATUSID}"/>	
		<input type="hidden" name="projectid" value="{PROJECTID}"/>
		<input type="hidden" name="groupid" value="{GROUPID}"/>	
		<input type="hidden" name="departmenttypeid" value="{DEPARTMENTTYPEID}"/>			
						
<script language="javascript">
function SingleSelect(regex,current)
{
re = new RegExp(regex);

for(i = 0; i < document.forms[0].elements.length; i++) {

elm = document.forms[0].elements[i];

if (elm.type == 'checkbox') {

if (re.test(elm.name)) {

elm.checked = false;

}
}
}

current.checked = true;

}
</script>						
					
<script>

		
	  function formCheck(theform) {
					
	/*	if(!validRequired(theform.organizationid,"Organization Name"))
				return false;
		
		if(!validRequired(theform.ward,"Ward Name"))
				return false;
			
			if(!validRequired(theform.area,"Area"))
				return false;	
			
			if(!validRequired(theform.projectname,"Project Name"))
				return false;	
				
			if(!validRequired(theform.estimatedcost,"Estimated Cost"))
				return false;
			
			if(!validRequired(theform.budget,"Budget"))
				return false;
			
			if(!validRequired(theform.disciplineid,"Sector"))
				return false;
			
			if(!validRequired(theform.contractorname,"Contractor Name"))
				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;	*/
			
			/*if(document.theform.groupid.value == 7 && document.theform.departmenttypeid.value !=0)
			{
			  // alert(document.theform.departmenttypeid.value)
				 if(!validSelection(theform.departmenttype,"Select Department Type in Location"))
		       return false;
			
			}*/
				
			//alert("XYZ");
			updateWorkcode();
			return false;
		} 
		
	  function normalworkcodegen(theform)
	 {
		normselect();
		//return false;
	 } 

	 jQuery(document).ready(function(){
		$('ul#example').collapsibleCheckboxTree();
});

function showMe (it, box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;

}
		
</script>
<style>
div.centered 
{
text-align: center;
}
div.centered table 
{
margin: 0 auto; 
text-align: left;
}
</style>
<script type="text/javascript" src="includes/js/estimated.js"></script>