{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}delete.js"></script>
<link rel="stylesheet" href="{SKINS}CSS/tabs.css" type="text/css" media="screen, projection"/>

	<script type="text/javascript" src="{JSDIR}/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="{JSDIR}/jquery-ui-1.7.custom.min.js"></script>
    <script type="text/javascript">
	
		$(function() {

			var $tabs = $('#tabs').tabs();
	
			$(".ui-tabs-panel").each(function(i){
	
			  var totalSize = $(".ui-tabs-panel").size() - 1;
	
			  if (i != totalSize) {
			      next = i + 2;
		   		  $(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page &#187;</a>");
			  }
	  
			  if (i != 0) {
			      prev = i;
		   		  $(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>&#171; Prev Page</a>");
			  }
   		
			});
	
			$('.prev-tab,.next-tab,.first-tab').click(function() { 
		           $tabs.tabs('select', $(this).attr("rel"));
		           return false;
		       });
       

		});
    </script>
	
	
	<div id="Ward">
	<table  width="100%" align="center" border="0" >
	
		<tr>
			<td>
						<div id="tabs" >
							<ul>
								<li><a href="#fragment-1"style="display:none"><span>First Page</span></a></li>
								<li><a href="#fragment-2" style="display:none"><span>Sponsors and Beneficiaries</span></a></li>
								  <li><a href="#fragment-3"style="display:none"><span>Project Details</span></a></li>
								 <li><a href="#fragment-4"style="display:none"><span>Last Page</span></a></li>
									
							</ul>	
						
							
								
						<div align="center" id="fragment-1"  class="ui-tabs-panel">
								
							
					<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>
						</div>
						
			<div id="fragment-2" align="center" class="ui-tabs-panel ui-tabs-hide">
				
		
					<table  bgcolor="#CDB38B" cellspacing="2"  width="50%" height="350px" cellpadding="3" width="100%" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" >
						<TR>
							<td colspan="2" bgcolor="#8B795E"  align="center" width="100%"><font color="white" style="class:headings;"><B>Select Sponsors and Beneficiaries</B></font>
							</td>
						</TR>
						
						<tr>
							<!-- <p>Select from the menu to know the available Schemes contributed by Central Government Ministries/Departments, State Government, UT.</p> -->
							<td align="left" colspan="1">&nbsp;Central </td>
							<td colspan="1">
							<select name="centralname"  class="texts" style="width:200px">		
							{CENTRALOPTION}
							</select>
							</td>
						</tr>
									

						<tr>				
							
							<td align="left" colspan="1" >&nbsp;State </td>
							<td colspan="1">
							<select name="state_depart"  class="texts" style="width:200px">		
							{DEPARTSTATEOPTION}	
							</select>
							</td>
						</tr>

						
						
						<tr>
							<td  align="left" colspan="1" >&nbsp;Title of Schemes</td>
							<td colspan="1" >
								<input id="schemename" name="schemename" type="text"    style="width:200px" align="left" maxlength="50" />
								<br/>(eg.Yojna OR Balika Smridhi Yojna)
								
							</td>
							
						</tr>
						
						
						<tr>
							<td align="left" colspan="1" >&nbsp;Beneficiaries </td>
							<td colspan="1">
							<select name="departbeneficiaries"  class="texts" style="width:200px">		
							{DEPARTBENEFICIARIESOPTION}
							</select>
							</td>					
						</tr>
						
						<tr>
							<td align="left" colspan="1">&nbsp;Benefits</td>
							<td colspan="1">
							<select name="benefits"  class="texts" style="width:200px">		
							{DEPARTBENEFITSOPTION}
							</select>
							</td>
						</tr>
						
						<tr>
							<td align="left" colspan="1" >&nbsp;Sponsered by</td>
							<td colspan="1">
							<select name="departsponsered"  class="texts" style="width:200px">		
							{DEPARTSPONSEREDOPTION}
							</select>
							</td>
						</tr>
						
						
					</table>
				</div>
	
			<div id="fragment-3" align="center" class="ui-tabs-panel ui-tabs-hide">
		<table bgcolor="#CDB38B" cellspacing="1" height="350px" width="50%"cellpadding="3" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" >
						<TR>
							<td colspan="2" bgcolor="#8B795E"  align="center" width="100%"><font color="white" style="class:headings;"><B>Enter Your Project Details</B></font>
							</td>
						</TR>
			
						<tr>						
							<td>&nbsp;Project Name/Description Of Work
							</td>
							
							<td>
								<textarea name="description" class="texts" rows="4" cols="20" style="width:200px">{PROJECTNAME} 
								</textarea>
							</td>
						</tr>

						

						<tr>
														
							<td >
						  &nbsp;Estimated Cost					
							</td>		
							
							<td >
								<input type="right" style="width:200px" 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  > &nbsp;Budget Head/P Code
							</td>

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

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

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

							<td >
							<div id="contractorcode">
								<input type="text" style="width:200px" class="texts" name="contractorcode" onblur="return formCheck4(theform)" value="{CONTRACTORCODE}"/>
							</div>
							</td>
						</tr>				
					
					</table>
	
				</div>
				
			<div id="fragment-4" align="center" class="ui-tabs-panel ui-tabs-hide">
				<table  bgcolor="#CDB38B" cellspacing="2"  height="400px" cellpadding="3" width="50%"  style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
								<TR>
							<td colspan="2" bgcolor="#8B795E"  align="center" width="100%"><font color="white" style="class:headings;"><B>Select Mandatory Fields</B></font>
							</td>
						</TR>
								
								
								<tr>
									<td colspan="1">&nbsp;Nature Of Work
									</td>

									<td colspan="1" >
										<select name="nature"  class="texts" style="width:200px" style="width:200px">					
											{NATUREOFWORKOPTION}	
										</select> 
									</td>
								</tr>	
		
								<tr>
									<td colspan="1" > &nbsp;Approval Year 
									</td>

									<td colspan="1" >
										<select name="approvalyear"  class="texts" style="width:200px" style="width:200px">					
											{APPROVALYEAROPTION}
										</select>
									</td>	
								</tr>
			
								

								<tr>	
									<td colspan="1">&nbsp;Category
									</td>

									<td colspan="1" >
										<select name="category"  class="texts" style="width:200px" style="width:200px">					
											{CATEGORYOPTION}
										</select>
									</td>
								</tr>

								
								<tr>
									<td colspan="1">&nbsp;Department
									</td>
		
									<td colspan="1" >
										<select name="department" class="texts" style="width:200px" style="width:200px">					
											{DEPARTMENTOPTION}
										</select>
									</td>
								</tr>

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

								<tr>
									<td colspan="1" >&nbsp;Sub Type
									</td> 
		
									<td colspan="1">
										<div id="type5">
											<select name="subtype" class="texts"  style="width:200px"></select>
										</div>
									</td>
								</tr>
								
								<tr>
									
												<td colspan="1">&nbsp;Remarks
												</td>

												<td colspan="1">	
													<textarea name="remarks" class="texts" style="width:200px">{REMARKS}
													</textarea>
												</td>
											
								</tr>	
								
								<tr>
									<td colspan="2" 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>
						

			</div>
	
			</td>
			</tr>
			</div>
		</table>
	
	</div>
	
	
<script>

		
	  function formCheck(theform) {
		if(!validRequired(theform.country,"Country"))
				return false;
				
			if(!validRequired(theform.state,"State"))
				return false;
				
			if(!validRequired(theform.wardname,"Ward"))
				return false;
												
			if(!validRequired(theform.schemename,"Scheme"))
				return false;	
				
			if(!validRequired(theform.departbeneficiaries,"Beneficiaries"))
				return false;

			if(!validRequired(theform.benefits,"Benefits"))
				return false;
			
			if(!validRequired(theform.departsponsered,"Sponsered By"))
				return false;
				
			if(!validRequired(theform.description,"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;
		} 
		
		
		var arSelected = new Array();
		function getMultiple(ob)
			{ 
				while (ob.selectedIndex != -1)
					{ 
						if (ob.selectedIndex != 0) 
						arSelected.push(ob.options[ob.selectedIndex].value);
						ob.options[ob.selectedIndex].selected = false;
						
					} 
					
			}
			var arSelected1 = new Array();
			function getMultiple1(ob)
			{ 
				while (ob.selectedIndex != -1)
					{ 
						if (ob.selectedIndex != 0) 
						arSelected1.push(ob.options[ob.selectedIndex].value);
						ob.options[ob.selectedIndex].selected = false;
						
					} 
					
			}
			
			
			
		
	 function normalworkcodegen(theform)
	 {
		normselect();
		return false;
	 }

		
</script>