{AJAXCONTENT}
	<script type="text/javascript" src="{JSDIR}delete.js"></script>
 <div id="tabs">
    <ul>
        
        <li><a href="#fragment-3"><span>Milestone</span></a></li>
		
		<!-- <li><a href="#fragment-9"><span>AM</span></a></li> -->
		
	</ul>

    
	  
	  <div id="fragment-2">
	  <table border="0" class="" align="center" cellpadding="2" cellspacing="1" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
		<tr>
			<td width="100%" class="heading" height="20" background="{SKINS}images/table_header.png" align="center">&nbsp;&nbsp;<font color="black">{PROJECTNAME}</font> </td>
	    </tr>	

		<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:99%">
								<legend class="m8" ></legend>
								    <table border="0" width="100%" cellpadding="0" cellspacing="0">
										<tr>
											<td width="90%">													
												<table border="0" cellpadding="2" cellspacing="0" width="100%">
															
															<tr >
																<td>
																	<label>Project Name: {PROJECTNAME}</label>
																 </td>
															</tr>
															<tr>
																 <td>
																	<label>Ward Name: {WARDNAME}</label>
																 </td>
															</tr><br/>
															
													</table>
											</td>

										</tr>
									</table>
							</fieldset>
						 </td>
							
						</tr>
					</table>
				 </td>
				</tr>
			</table>			
		</td>
		</tr>	
	</table>
	
	<input type="hidden" name="taskid" value="{TASKID}"/>
	<input type="hidden" name="action" value="{FORMACTION}"/>
	<input type="hidden" name="module" value="{MODULE}"/>
</div>


	 <div id="fragment-3">
	  <TABLE  border="1" width="100%" cellpadding="0" cellspacing="0">
	<TR>
	<TD>

        <table align = "center" border="0" width="70%" cellpadding="7" cellspacing="4">
								<tr>
									<td width="40%">Milestone Name:<font color="RED">*</font></td>
									  <td align="left"> <input type="text" style="width:200px" name="milestonename" value="{MILESTONENAME}" />	</td>
								</tr>				
																
								<tr>
								    <td align="left"><font size="2">Scheduled Start Date:</font><font color="RED">*</font></td>
									  <td align="left"><input  type="text" name="schstartdt" value="{SCHSTARTDT}" class="texts" style="width:200px" id="datepicker">
									  </td>
									 
								</tr>
								<tr>
									<td align="left"><font size="2">Scheduled End Date:</font><font color="RED">*</font></td>
									<td align="left"><input  type="text" name="schenddt" value="{SCHENDDT}" class="texts" style="width:200px" id="datepicker1"></td>
								</tr>

								<tr>
									<td align="left"><font size="2">Actual Start Date:</font><font color="RED">*</font> </td>
									<td align="left"><input  type="text" name="actstartdt" value="{ACTSTARTDT}" class="texts" style="width:200px" id="datepicker2"></td>
								</tr>

								<tr>
									<td align="left"><font size="2">Actual Finish Date:</font><font color="RED">*</font> </td>
									<td align="left"><input  type="text" name="actenddt" value="{ACTENDDT}" class="texts" style="width:200px" id="datepicker3"></td>
								</tr>

								<tr>
									<td align="left"><font size="2">Work Description:</font></td>
									<td align="left"><textarea rows="5" cols="40" name="workdesc" value="{WORKDESC}"> </textarea></td>
								</tr>

								<tr>
								     <td align="left"><font size="2">Status</font></td>
                                     <td align="left">
										<select style="width:10" name="status" value="{STATUS}">
											<option value="">---Select---</option>
											<option value="abc">1</option>
											<option value="def">2</option>
											<option value="ghi">3</option>
											<option value="jkl">4</option>
										</select>
									 </td>
								</tr>

								<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=projectinfo&projectid={PROJECTID}">Back</a>
								</td>
								</tr>

                              </table>
						</TD>
	</TR>

	
	</TABLE>
	
	<input type="hidden" name="projectid" value="{PROJECTID}"/>
	<input type="hidden" name="action" value="{FORMACTION}"/>
	<input type="hidden" name="module" value="{MODULE}"/>
	 </div>







 

	


	  

	 <script LANGUAGE="JavaScript">
		function formCheck(theform) {
			
		if(!validRequired(theform.milestonename,"Milestone Name"))
			return false;
		if(!validRequired(theform.schstartdt,"Scheduled Start Date"))
			return false;
		if(!validRequired(theform.schenddt,"Scheduled End Date"))
			return false;
		if(!validRequired(theform.actstartdt,"Actual Start Date"))
			return false;
		if(!validRequired(theform.actenddt,"Actual End Date"))
			return false;
				
			updateAddmilestone();
			return false;
		}

		$(function() {
		$('#datepicker').datepicker({
			changeMonth: true,
			changeYear: true
		});
	});


		$(function() {
		$('#datepicker1').datepicker({
			changeMonth: true,
			changeYear: true
		});
	});


		$(function() {
		$('#datepicker2').datepicker({
			changeMonth: true,
			changeYear: true
		});
	});

		$(function() {
		$('#datepicker3').datepicker({
			changeMonth: true,
			changeYear: true
		});
	});
 

	function jsUpload(upload_field) {
	    
	   upload_field.form.submit();
    	return true;
	}
</script>