{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}delete.js"></script>

<div id="tabs">
	<ul>
		<li><a href="#fragment-3"><span>Project Team Members</span></a></li>
	</ul>

<div id="fragment-3">
	<table align="center" cellpadding="0" bgcolor="#C6DEFF" cellspacing="0" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
			

		<tr>
			<td width="100%" > 
				<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0">
					<tr>
						<td align="center" width="60%">
							<table border="0" width="99%" cellpadding="0" cellspacing="0">
								<tr>
									<td width="70%">
										<fieldset style="width:97%">
											<table border="0" width="100%" cellpadding="0" cellspacing="0">
												<tr>
													<td width="90%">													
														<table border="0" cellpadding="1" cellspacing="0" width="100%">
															<tr >
																<td>
																	<label><font style="font-size:13px" >Project Name: {PROJECTNAME}</font></label>
																</td>
															</tr>

															<tr>
																<td>
																	<label><font style="font-size:13px" >Ward Name: {WARDNAME}</font></label>
																</td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
										</fieldset>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>			
			</td>
		</tr>	
	</table>

	<TABLE  border="1" width="100%" cellpadding="0" cellspacing="0">
		<TR>
			<TD>
				<table align = "center"bgcolor="#C6DEFF" border="0" width="70%" cellpadding="5" cellspacing="3" id="refTable">

					
					
					<tr>
						<td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font>
						</td><td align="left">
							<input  type="text" name="nameofemployee" value="{NAMEOFEMPLOYEE}" class="texts" style="width:150px"/>
						</td>

						<td align="left"><font size="2">Scale</font><font color="RED">*</font></td>
						<td align="left">
							<div id="typescale">
							<select  type="text" name="scaleofemployee" value="{SCALEOFEMPLOYEE}" class="texts" onchange="return scaleChange1(this.value);" style="width:150px">{SCALEOFEMPLOYEE}</select></div>
						</td>
						
						<td align="left"><font size="2">Designation</font><font color="RED">*</font>
						</td><td align="left">
							<div id="typedesig">
							<select  type="text" name="designation" value="{DESIGNATION}" class="texts" style="width:150px">{DESIGNATION}</select>
							</div>
						</td>
						
						<td align="left"><font size="2">Supervisor</font><font color="RED">*</font>
						</td>					
						<td align="left"><select  type="text" name="supervisor" value="{SUPERVISOR}"  class="texts" style="width:150px">{SUPERVISOR}</select>
						</td>
					</tr>

					<tr id="ref1"><td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font>
						</td><td align="left"><input  type="text" name="nameofemployee1" value="{NAMEOFEMPLOYEE1}" class="texts" style="width:150px"/></td><td align="left"><font size="2">Scale</font><font color="RED">*</font></td>
						<td align="left"><div id="typescale1"><select  type="text" name="scaleofemployee1" value="{SCALEOFEMPLOYEE1}" class="texts" onchange="return scaleChange(this.value,1);" style="width:150px">{SCALEOFEMPLOYEE}</select></div>
						</td><td align="left"><font size="2">Designation</font><font color="RED">*</font></td><td align="left"><div id="typedesig1"><select  type="text" name="designation1" value="{DESIGNATION1}" class="texts" style= "width:150px">{DESIGNATION}</select></div></td><td align= "left"><font size="2">Supervisor</font> <font color="RED">*</font></td><td align="left"><select  type="text" name="supervisor1" value="{SUPERVISOR1}"  class="texts" style="width:150px">{SUPERVISOR}</select></td>
					</tr>

					<!-- <tr id="ref2">
						<td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font>
						</td><td align="left">
							<input  type="text" name="nameofemployee2" value="{NAMEOFEMPLOYEE2}" class="texts" style="width:150px"/>
						</td>
						<td align="left"><font size="2">Scale</font><font color="RED">*</font></td>
						<td align="left">
							<div id="typescale2">
							<select  type="text" name="scaleofemployee2" value="{SCALEOFEMPLOYEE2}" class="texts" onchange="return scaleChange(this.value,2);" style="width:150px">{SCALEOFEMPLOYEE}</select></div>
						</td>						
						<td align="left"><font size="2">Designation</font><font color="RED">*</font>
						</td><td align="left">
							<div id="typedesig2">
							<select  type="text" name="designation2" value="{DESIGNATION2}" class="texts" style="width:150px">{DESIGNATION}</select>
							</div>
						</td>						
						<td align="left"><font size="2">Supervisor</font><font color="RED">*</font>
						</td>					
						<td align="left"><select  type="text" name="supervisor2" value="{SUPERVISOR2}"  class="texts" style="width:150px">{SUPERVISOR}</select>
						</td>
					</tr>

					<tr id="ref3">
						<td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font></td><td align="left">
							<input  type="text" name="nameofemployee3" value="{NAMEOFEMPLOYEE3}" class="texts" style="width:150px"/>
						</td>
						
						<td align="left"><font size="2">Scale</font><font color="RED">*</font></td><td align="left">
							<div id="typescale3">
								<select  type="text" name="scaleofemployee3" value="{SCALEOFEMPLOYEE3}" class="texts" onchange="return scaleChange(this.value,3);" style="width:150px">{SCALEOFEMPLOYEE}</select>
							</div>
						</td>						
						
						<td align="left"><font size="2">Designation</font><font color="RED">*</font></td><td align="left">
							<div id="typedesig3">
								<select  type="text" name="designation3" value="{DESIGNATION3}" class="texts" style="width:150px">{DESIGNATION}</select>
							</div>
						</td>						
						
						<td align="left"><font size="2">Supervisor</font><font color="RED">*</font></td>					
						<td align="left">
							<select  type="text" name="supervisor3" value="{SUPERVISOR3}"  class="texts" style="width:150px">{SUPERVISOR}
							</select>
						</td>
					</tr>

					<tr id="ref4">
						<td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font>
						</td><td align="left">
							<input  type="text" name="nameofemployee4" value="{NAMEOFEMPLOYEE4}" class="texts" style="width:150px"/>
						</td>
						<td align="left"><font size="2">Scale</font><font color="RED">*</font></td>
						<td align="left">
							<div id="typescale4">
							<select  type="text" name="scaleofemployee4" value="{SCALEOFEMPLOYEE4}" class="texts" onchange="return scaleChange(this.value,4);" style="width:150px">{SCALEOFEMPLOYEE}</select></div>
						</td>						
						<td align="left"><font size="2">Designation</font><font color="RED">*</font>
						</td><td align="left">
							<div id="typedesig4">
							<select  type="text" name="designation4" value="{DESIGNATION4}" class="texts" style="width:150px">{DESIGNATION}</select>
							</div>
						</td>						
						<td align="left"><font size="2">Supervisor</font><font color="RED">*</font>
						</td>					
						<td align="left"><select  type="text" name="supervisor4" value="{SUPERVISOR4}"  class="texts" style="width:150px">{SUPERVISOR}</select>
						</td>
					</tr>

					<tr id="ref5">
						<td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font>
						</td><td align="left">
							<input  type="text" name="nameofemployee5" value="{NAMEOFEMPLOYEE5}" class="texts" style="width:150px"/>
						</td>
						<td align="left"><font size="2">Scale</font><font color="RED">*</font></td>
						<td align="left">
							<div id="typescale5">
							<select  type="text" name="scaleofemployee5" value="{SCALEOFEMPLOYEE5}" class="texts" onchange="return scaleChange(this.value,5);" style="width:150px">{SCALEOFEMPLOYEE}</select></div>
						</td>						
						<td align="left"><font size="2">Designation</font><font color="RED">*</font>
						</td><td align="left">
							<div id="typedesig5">
							<select  type="text" name="designation5" value="{DESIGNATION5}" class="texts" style="width:150px">{DESIGNATION}</select>
							</div>
						</td>						
						<td align="left"><font size="2">Supervisor</font><font color="RED">*</font>
						</td>					
						<td align="left"><select  type="text" name="supervisor5" value="{SUPERVISOR5}"  class="texts" style="width:150px">{SUPERVISOR}</select>
						</td>
					</tr>

					<tr id="ref6">
						<td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font>
						</td><td align="left">
							<input  type="text" name="nameofemployee6" value="{NAMEOFEMPLOYEE6}" class="texts" style="width:150px"/>
						</td>
						<td align="left"><font size="2">Scale</font><font color="RED">*</font></td>
						<td align="left">
							<div id="typescale6">
							<select  type="text" name="scaleofemployee6" value="{SCALEOFEMPLOYEE6}" class="texts" onchange="return scaleChange(this.value,6);" style="width:150px">{SCALEOFEMPLOYEE}</select></div>
						</td>						
						<td align="left"><font size="2">Designation</font><font color="RED">*</font>
						</td><td align="left">
							<div id="typedesig6">
							<select  type="text" name="designation6" value="{DESIGNATION6}" class="texts" style="width:150px">{DESIGNATION}</select>
							</div>
						</td>						
						<td align="left"><font size="2">Supervisor</font><font color="RED">*</font>
						</td>					
						<td align="left"><select  type="text" name="supervisor6" value="{SUPERVISOR6}"  class="texts" style="width:150px">{SUPERVISOR}</select>
						</td>
					</tr>

					<tr id="ref7">
						<td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font>
						</td><td align="left">
							<input  type="text" name="nameofemployee7" value="{NAMEOFEMPLOYEE7}" class="texts" style="width:150px"/>
						</td>
						<td align="left"><font size="2">Scale</font><font color="RED">*</font></td>
						<td align="left">
							<div id="typescale7">
							<select  type="text" name="scaleofemployee7" value="{SCALEOFEMPLOYEE7}" class="texts" onchange="return scaleChange(this.value,7);" style="width:150px">{SCALEOFEMPLOYEE}</select></div>
						</td>						
						<td align="left"><font size="2">Designation</font><font color="RED">*</font>
						</td><td align="left">
							<div id="typedesig7">
							<select  type="text" name="designation7" value="{DESIGNATION7}" class="texts" style="width:150px">{DESIGNATION}</select>
							</div>
						</td>						
						<td align="left"><font size="2">Supervisor</font><font color="RED">*</font>
						</td>					
						<td align="left"><select  type="text" name="supervisor7" value="{SUPERVISOR7}"  class="texts" style="width:150px">{SUPERVISOR}</select>
						</td>
					</tr>

					<tr id="ref8">
						<td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font>
						</td><td align="left">
							<input  type="text" name="nameofemployee8" value="{NAMEOFEMPLOYEE8}" class="texts" style="width:150px"/>
						</td>
						<td align="left"><font size="2">Scale</font><font color="RED">*</font></td>
						<td align="left">
							<div id="typescale8">
							<select  type="text" name="scaleofemployee8" value="{SCALEOFEMPLOYEE8}" class="texts" onchange="return scaleChange(this.value,8);" style="width:150px">{SCALEOFEMPLOYEE}</select></div>
						</td>						
						<td align="left"><font size="2">Designation</font><font color="RED">*</font>
						</td><td align="left">
							<div id="typedesig8">
							<select  type="text" name="designation8" value="{DESIGNATION8}" class="texts" style="width:150px">{DESIGNATION}</select>
							</div>
						</td>						
						<td align="left"><font size="2">Supervisor</font><font color="RED">*</font>
						</td>					
						<td align="left"><select  type="text" name="supervisor8" value="{SUPERVISOR8}"  class="texts" style="width:150px">{SUPERVISOR}</select>
						</td>
					</tr>
 
					<tr id="ref9">
						<td align="left"><font size="2">Name of the Employee</font><font color="RED">*</font>
						</td><td align="left">
							<input  type="text" name="nameofemployee9" value="{NAMEOFEMPLOYEE9}" class="texts" style="width:150px"/>
						</td>
						<td align="left"><font size="2">Scale</font><font color="RED">*</font></td>
						<td align="left">
							<div id="typescale9">
							<select  type="text" name="scaleofemployee9" value="{SCALEOFEMPLOYEE9}" class="texts" onchange="return scaleChange(this.value,9);" style="width:150px">{SCALEOFEMPLOYEE}</select></div>
						</td>						
						<td align="left"><font size="2">Designation</font><font color="RED">*</font>
						</td><td align="left">
							<div id="typedesig9">
							<select  type="text" name="designation9" value="{DESIGNATION9}" class="texts" style="width:150px">{DESIGNATION}</select>
							</div>
						</td>						
						<td align="left"><font size="2">Supervisor</font><font color="RED">*</font>
						</td>					
						<td align="left"><select  type="text" name="supervisor9" value="{SUPERVISOR9}"  class="texts" style="width:150px">{SUPERVISOR}</select>
						</td>
					</tr> -->

					<tr>
						<td align="right" colspan="4">
							<INPUT class="texts" type="button" value="Add Employee" onclick="add('ref');"  />&nbsp;
							<INPUT class="texts" type="button" value="Delete Row" onclick="remove('ref');" /> 
						</td>
					</tr>
				</table>

				<table align = "center"bgcolor="#C6DEFF" border="0" width="100%" >
					<tr>
						<td align="left">
						</td>
						
						<td align="left"> <input type="submit" value="Submit" onclick="return formCheck(theform);"/>
						</td>
					</tr>

					<tr>
						<td></td>
						<td>
						<a href="?module=projectlist&action=stakeholders&projectid={PROJECTID}">Back</a>
						</td>
					</tr>
				</table>
			</TD>
		</TR>
	</TABLE>

<input type="hidden" name="projectid" value="{PROJECTID}"/>
<input type="hidden" name="projteamid" value="{PROJTEAMID}"/>
<input type="hidden" name="module" value="{MODULE}"/>
<input type="hidden" name="ref"  value="0"/>
</div>


<script type="text/javascript">
		function formCheck(theform) {
			
				
			addProjteam();
			return false;
		}
		
		

	function add(idname){
		var	loopval = "";

		loopval = document.theform.ref.value;

		if(loopval >= 0 && loopval < 20){
			document.theform.ref.value = ++loopval;
		}

		 var s = "";
		 for(var i=1;i<=loopval;i++){
			s = document.getElementById(idname+i);
			s.style.display = "";
		 }
			
	}
	function remove(idname){		
		 var	loopval = "";

		 if(idname == "ref")
			loopval = document.theform.ref.value;
		 else
			loopval = document.theform.cons.value;

			
		 if(loopval >=1 && loopval <=20){			
			var s = document.getElementById(idname+loopval);
			s.style.display = "none";
			if(idname == "ref")
				document.theform.ref.value = --loopval;
			else
				document.theform.cons.value = --loopval;
		}
	}
	function hide(idname){		
		 var s = "";
		 for(var i=1;i<=20;i++){
			s = document.getElementById(idname+i);
			s.style.display = "none";
		 }
	}

		window.onload= function() {
		hide('ref');	

		<!-- IF MASTERFIELDCOUNT > "0" -->
			for(var i=1;i<={MASTERFIELDCOUNT};i++){
				add('ref');
			}
		<!-- ENDIF -->

	}
</script>