{AJAXCONTENT}
<div style="display:block;width:100%;align:center;background-color:#C6DEFF;padding-bottom:10px;">
	<table cellpadding="0" cellspacing="0" border="0"  width="800px" bgcolor="#FFFFFF" align="center">
		<tr>
			<td class="heading" align="center" height="25" background="{SKINS}images/heading_bg.gif">Individual Performance Review</td>
		</tr>
		<tr>
			<td colspan="4">
				<table cellspacing="4" cellpadding="4" border="0" align="center">
					<tr>
						<td class="m10">Reviewer:<font color="red">*</font></td>
						<td class="m10"><input class="texts" name="reviewer" type="text" value="{REVIEWER}" style="width:150px;"></td>
						<td class="m10">Review Period:<font color="red">*</font></td>
						<td class="m10" align="right"><input class="texts" name="reviewperiod" type="text" value="{REVIEWPERIOD}"  style="width:150px;"></td>
					</tr>
					<tr>
						<td colspan="4">
							<table cellpadding="0" cellspacing="0" width="700px" bgcolor="#FFFFFF" align="center" style="border:1px solid #cccccc;border-top-left-radius: 10px 5px;">
								<tr style="background-color:#cccccc;">
									<td	class="sleft"  align = "center" colspan="4" height="25px" align="center"><FONT  size="2" COLOR="#000099"><B>Core&nbsp;Competencies&nbsp;Rating</B></FONT></td>
								</tr>
								<tr>
									<td colspan="4">
										<table cellspacing="4" cellpadding="4" border="0" align="center">
											<tr>
												 <td class="m10">Initiative Creativity:<font color="red">*</font></td>
												 <td class="m10"><select class="texts" name="creativity" type="text" value="{CREATIVITY}" style="width:150px;">
												 <option value=''>--- Select ---</option>
												 <option value='D'>Does not meet expectations</option>
												 <option value='M'>Meets minimal expectations</option>
												 <option value='F'>Fully competent</option>
												 <option value='C'>Commandable</option>
												 <option value='E'>Excellent</option>
												 <option value='O'>Outstanding</option>
												 </select></td>
												 <td class="m10">Judgement:<font color="red">*</font></td>
												 <td class="m10"><select class="texts" name="judgement" type="text" value="{JUDGEMENT}" style="width:150px;">
												 <option value=''>--- Select ---</option>
												 <option value='D'>Does not meet expectations</option>
												 <option value='M'>Meets minimal expectations</option>
												 <option value='F'>Fully competent</option>
												 <option value='C'>Commandable</option>
												 <option value='E'>Excellent</option>
												 <option value='O'>Outstanding</option>
												 </select></td>
											  </tr>
											  <tr>
												 <td class="m10">Cooperation/Teamwork:<font color="red">*</font></td>
												 <td class="m10"><select class="texts" name="teamwork" type="text" value="{TEAMWORK}" style="width:150px;">
												 <option value=''>--- Select ---</option>
												 <option value='D'>Does not meet expectations</option>
												 <option value='M'>Meets minimal expectations</option>
												 <option value='F'>Fully competent</option>
												 <option value='C'>Commandable</option>
												 <option value='E'>Excellent</option>
												 <option value='O'>Outstanding</option>
												 </select></td>
												 <td class="m10">Quality of work:<font color="red">*</font></td>
												 <td class="m10"><select class="texts" name="quality" type="text" value="{QUALITY}" style="width:150px;">
												 <option value=''>--- Select ---</option>
												 <option value='D'>Does not meet expectations</option>
												 <option value='M'>Meets minimal expectations</option>
												 <option value='F'>Fully competent</option>
												 <option value='C'>Commandable</option>
												 <option value='E'>Excellent</option>
												 <option value='O'>Outstanding</option>
												 </select></td>
											  </tr>
											  <tr>
												 <td class="m10">Reliability:<font color="red">*</font></td>
												 <td class="m10"><select class="texts" name="realiability" type="text" value="{REALIABILITY}" style="width:150px;">
												 <option value=''>--- Select ---</option>
												 <option value='D'>Does not meet expectations</option>
												 <option value='M'>Meets minimal expectations</option>
												 <option value='F'>Fully competent</option>
												 <option value='C'>Commandable</option>
												 <option value='E'>Excellent</option>
												 <option value='O'>Outstanding</option>
												 </select></td>
												 <td class="m10">Commitment to Safety:<font color="red">*</font></td>
												 <td class="m10"><select class="texts" name="commitment" type="text" value="{COMMITMENT}" style="width:150px;">
												 <option value=''>--- Select ---</option>
												 <option value='D'>Does not meet expectations</option>
												 <option value='M'>Meets minimal expectations</option>
												 <option value='F'>Fully competent</option>
												 <option value='C'>Commandable</option>
												 <option value='E'>Excellent</option>
												 <option value='O'>Outstanding</option>
												 </select></td>
											  </tr>
											   <tr>
												 <td class="m10">Support to Diversity:<font color="red">*</font></td>
												 <td class="m10" align="left" colspan="3"><select class="texts" name="diversity" type="text" value="{DIVERSITY}" style="width:150px;">
												 <option value=''>--- Select ---</option>
												 <option value='D'>Does not meet expectations</option>
												 <option value='M'>Meets minimal expectations</option>
												 <option value='F'>Fully competent</option>
												 <option value='C'>Commandable</option>
												 <option value='E'>Excellent</option>
												 <option value='O'>Outstanding</option>
												 </select></td>
											  </tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td colspan="4">
							<table cellpadding="0" cellspacing="0" width="700px" bgcolor="#FFFFFF" align="center" style="border:1px solid #cccccc">
								<tr style="background-color:#cccccc;">
									<td	class="sleft"  align = "center" colspan="4" height="25px" align="center"><FONT  size="2" COLOR="#000099"><B>Managerial&nbsp;Competencies&nbsp;Rating</B></FONT></td>
								</tr>
								<tr>
									<td colspan="4">
										<table cellspacing="4" cellpadding="4" border="0" align="center">
											<tr>
												 <td class="m10">Values and Ethics:<font color="red">*</font></td>
												 <td class="m10"><select class="texts" name="values1" type="text" value="{VALUES1}" style="width:150px;">
												 <option value=''>--- Select ---</option>
												 <option value='D'>Does not meet expectations</option>
												 <option value='M'>Meets minimal expectations</option>
												 <option value='F'>Fully competent</option>
												 <option value='C'>Commandable</option>
												 <option value='E'>Excellent</option>
												 <option value='O'>Outstanding</option>
												 </select></td>
												 <td class="m10">Strategic Thinking:<font color="red">*</font></td>
												 <td class="m10"><select class="texts" name="thinking" type="text" value="{THINKING}" style="width:150px;">
												 <option value=''>--- Select ---</option>
												 <option value='D'>Does not meet expectations</option>
												 <option value='M'>Meets minimal expectations</option>
												 <option value='F'>Fully competent</option>
												 <option value='C'>Commandable</option>
												 <option value='E'>Excellent</option>
												 <option value='O'>Outstanding</option>
												 </select></td>
											</tr>
											<tr>
											 <td class="m10">Engagement:<font color="red">*</font></td>
											 <td class="m10"><select class="texts" name="engagement" type="text" value="{ENGAGEMENT}" style="width:150px;">
											 <option value=''>--- Select ---</option>
											 <option value='D'>Does not meet expectations</option>
											 <option value='M'>Meets minimal expectations</option>
											 <option value='F'>Fully competent</option>
											 <option value='C'>Commandable</option>
											 <option value='E'>Excellent</option>
											 <option value='O'>Outstanding</option>
											 </select></td>
											 <td class="m10">Management Excellence:<font color="red">*</font></td>
											 <td class="m10"><select class="texts" name="excellence" type="text" value="{EXCELLENCE}" style="width:150px;">
											 <option value=''>--- Select ---</option>
											 <option value='D'>Does not meet expectations</option>
											 <option value='M'>Meets minimal expectations</option>
											 <option value='F'>Fully competent</option>
											 <option value='C'>Commandable</option>
											 <option value='E'>Excellent</option>
											 <option value='O'>Outstanding</option>
											 </select></td>
										  </tr>
										  <tr>
											 <td class="m10">Resource Management:<font color="red">*</font></td>
											 <td class="m10"><select class="texts" name="resourcemanagement" type="text" value="{RESOURCEMANAGEMENT}" style="width:150px;">
											 <option value=''>--- Select ---</option>
											 <option value='D'>Does not meet expectations</option>
											 <option value='M'>Meets minimal expectations</option>
											 <option value='F'>Fully competent</option>
											 <option value='C'>Commandable</option>
											 <option value='E'>Excellent</option>
											 <option value='O'>Outstanding</option>
											 </select></td>
										  </tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td class="m10" colspan="2">Summary of Performance and Review of Competencies:</td>
						<td class="m10" colspan="2"><textarea type="text" rows="2" cols="20" name="performance" class="texts" value="{PERFORMANCE}"/></textarea></td>
					 </tr>
					 <tr>
						<td class="m10" colspan="2">Summary of Service Work:</td>
						<td class="m10" colspan="2"><textarea type="text" rows="2" cols="20" name="servicework" class="texts" value="{SERVICEWORK}"/></textarea></td>
					 </tr>
					 <tr>
						<td class="m10" colspan="2">Overall Rating:</td>
						<td class="m10" colspan="2"><select class="texts" name="overallrating" type="text" value="{OVERALLRATING}" style="width:150px;">
						<option value=''>--- Select ---</option>
						<option value='D'>Does not meet expectations</option>
						<option value='M'>Meets minimal expectations</option>
						<option value='F'>Fully competent</option>
						<option value='C'>Commandable</option>
						<option value='E'>Excellent</option>
						<option value='O'>Outstanding</option>
						</select></td>
					 </tr>
					 <tr>
						<td colspan="4" align="center"><input type="button" value="submit" onclick="return test(theform);"></td>
					</tr>	
					<input type="hidden" name="apiid" value="{APIID}">
				</table>
			</td>
		</tr>
	</table>
</div>
<script>

function test(theform){

savedoc();
return false;
}

function viewdoc(){

var ele = document.getElementById("viewdoc");
ele.style.display = "block";
}

function hidedoc(){
var ele1 = document.getElementById("viewdoc");
ele1.style.display = "none";
}

function jsUploadipr(upload_field) {
		// this is just an example of checking file extensions
		// if you do not need extension checking, remove 
		// everything down to line
		// upload_field.form.submit();
		//var re_text = /\.txt|\.xml|\.zip/i;
		var re_text = /\.jpg|\.jpeg/i;
		var filename = upload_field.value;

		//  Checking file type
		/*if (filename.search(re_text) == -1) {
			alert("File does not have text(jpg, jpeg) extension");
		upload_field.form.reset();
		return false;
		}*/

		//alert("calling");
		//document.getElementById('upload_status').value = "uploading file...";
		// upload_field.disabled = true;
		upload_field.form.submit();
	}

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