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

    
	  
	  <div id="fragment-4">
	  <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:97%">
								
								    <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}"/>

	  <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%">Visitor Name:<font color="RED">*</font></td>
									  <td align="left"> <input type="text" style="width:200px" name="visitorname" value="{VISITORNAME}" />	</td>
								</tr>				
																
								<tr>
								    <td align="left"><font size="2">Visit Date:</font><font color="RED">*</font></td>
									  <td align="left"><input  type="text" name="visitdate" value="{VISITDATE}" class="texts" style="width:200px" id="datepicker">
									  </td>
									 
								</tr>
								<tr>
									<td align="left"><font size="2">Designation:</font><font color="RED">*</font></td>
									<td align="left"><input  type="text" name="designation" value="{DESIGNATION}" class="texts" style="width:200px" ></td>
								</tr>

								<tr>
									<td align="left"><font size="2">Milestone :</font><font color="RED">*</font> </td>
									<td align="left"><input  type="text" name="milestone" value="{MILESTONE}" class="texts" style="width:200px" ></td>
								</tr>

								<tr>
									<td align="left"><font size="2">Comments:</font><font color="RED">*</font> </td>
									<td align="left"><textarea rows="5" cols="40" name="comments"> </textarea></td>
								</tr>

								<tr>
									<td align="left"><font size="2">EIRL (If any):</font></td>
									<td align="left"><input type="text" style="width:200px" name="eirl" value="{EIRL}" /></td>
								</tr>

								<tr>
								     <td align="left"><font size="2">Time Extension Given</font></td>
                                     <td align="left">
										<select style="width:10" name="tmextgiven" value="{TMEXTGIVEN}">
											<option value="">---Select---</option>
											<option value="Yes">Yes</option>
											<option value="No">No</option>
										</select>
									 </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="Issues">Issues</option>
											<option value="No Issues">No Issues</option>
											<option value="Closed">Closed</option>
										</select>
									 </td>
								</tr>

								<tr>
									<td align="left"><font size="2">Problem Remarks:</font><font color="RED">*</font> </td>
									<td align="left"><textarea rows="5" cols="40" name="remarks"> </textarea></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="taskid" value="{TASKID}"/>
	<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 jsUpload(upload_field) {
	    
	   upload_field.form.submit();
    	return true;
	}
</script>