Untitled



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<script src="/openmrs/openmrs.js?v=1.8.2.21762" type="text/javascript" ></script>
		<script src="/openmrs/scripts/openmrsmessages.js?v=1.8.2.21762&locale=en_US" type="text/javascript" ></script>
		<link href="/openmrs/openmrs.css?v=1.8.2.21762" type="text/css" rel="stylesheet" />
		<link href="/openmrs/openmrs_legacy.css" type="text/css" rel="stylesheet" />
		<link href="/openmrs/style.css?v=1.8.2.21762" type="text/css" rel="stylesheet" />
		<script src="/openmrs/dwr/engine.js?v=1.8.2.21762" type="text/javascript" ></script>
		<script src="/openmrs/dwr/interface/DWRAlertService.js?v=1.8.2.21762" type="text/javascript" ></script>

			<script src="/openmrs/scripts/jquery/jquery.min.js?v=1.8.2.21762" type="text/javascript" ></script>
			<script src="/openmrs/scripts/jquery-ui/js/jquery-ui.custom.min.js?v=1.8.2.21762" type="text/javascript" ></script>
			<script src="/openmrs/scripts/jquery-ui/js/jquery-ui-datepicker-i18n.js?v=1.8.2.21762" type="text/javascript" ></script>
			<link href="/openmrs/scripts/jquery-ui/css/redmond/jquery-ui.custom.css" type="text/css" rel="stylesheet" />

		<link rel="icon" type="image/ico" href="/openmrs/images/openmrs-favicon.ico">


				<title>OpenMRS - Patient Dashboard</title>


		<script type="text/javascript">

				var $j = jQuery.noConflict();

			/* variable used in js to know the context path */
			var openmrsContextPath = '/openmrs';
			var dwrLoadingMessage = 'Loading...';
			var jsDateFormat = 'mm/dd/yyyy';
			var jsLocale = 'en_US';

			/* prevents users getting false dwr errors msgs when leaving pages */
			var pageIsExiting = false;
			if (jQuery)
			    jQuery(window).bind('beforeunload', function () { pageIsExiting = true; } );

			var handler = function(msg, ex) {
				if (!pageIsExiting) {
					var div = document.getElementById("openmrs_dwr_error");
					div.style.display = ""; // show the error div
					var msgDiv = document.getElementById("openmrs_dwr_error_msg");
					msgDiv.innerHTML = 'A javascript error has occurred:' + " <b>" + msg + "</b>";
				}

			};
			dwr.engine.setErrorHandler(handler);
			dwr.engine.setWarningHandler(handler);
		</script>


	</head>

<body>
	<div id="pageBody">

		<div id="userBar">


					<span id="userLoggedInAs" class="firstChild">
						Currently logged in as Michael Anthony Morris
					</span>
					<span id="userLogout">
						<a href='/openmrs/logout'>Log out</a>
					</span>
					<span>
						<a href="/openmrs/options.form">My Profile</a>
					</span>


			<span id="userHelp">
				<a href='/openmrs/help.htm'>Help</a>
			</span>

		</div>

		<div id="banner">
<a href="http://openmrs.org">
  <div id="logosmall"><img src="/openmrs/images/openmrs_logo_short.gif" alt="OpenMRS Logo" border="0"/></div>
</a>
<table id="bannerbar">
  <tr>
    <td id="logocell"> <img src="/openmrs" alt="" class="logo-reduced61" />
    </td>
	<td id="barcell">
        <div class="barsmall">
        <img align="left" src="/openmrs" alt="" class="bar-round-reduced50"/>

				<ul class="navList">	<li id="homeNavLink" class="firstChild">
		<a href="/openmrs/">Home</a>
	</li>

	<li id="findPatientNavLink">
		<a href="/openmrs/findPatient.htm">

				Find/Create Patient


		</a>
	</li>


		<li id="dictionaryNavLink">
			<a href="/openmrs/dictionary">Dictionary</a>
		</li>


			<li>
			<a href="/openmrs/module/hr/manager/findStaff.list">Manage Human Resources</a>
			</li>


		<li id="administrationNavLink">
			<a href="/openmrs/admin">Administration</a>
		</li>


</ul>

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


		<div id="content">


			<div id="openmrs_dwr_error" style="display:none" class="error">
				<div id="openmrs_dwr_error_msg"></div>
				<div id="openmrs_dwr_error_close" class="smallMessage">
					<i>The full stacktrace for this error can usually be found in your server's error logs.</i>
					<a href="#" onclick="this.parentNode.parentNode.style.display='none'">Hide error</a>
				</div>
			</div>


<script src="/openmrs/scripts/easyAjax.js?v=1.8.2.21762" type="text/javascript" ></script>

<link href="/openmrs/scripts/jquery/dataTables/css/dataTables.css?v=1.8.2.21762" type="text/css" rel="stylesheet" />
<script src="/openmrs/scripts/jquery/dataTables/js/jquery.dataTables.min.js?v=1.8.2.21762" type="text/javascript" ></script>


<link href="/openmrs/scripts/jquery-ui/css/redmond/jquery-ui.custom.css" type="text/css" rel="stylesheet" />

<script src="/openmrs/scripts/flot/jquery.flot.js?v=1.8.2.21762" type="text/javascript" ></script>
<script src="/openmrs/scripts/flot/jquery.flot.multiple.threshold.js?v=1.8.2.21762" type="text/javascript" ></script>


<script type="text/javascript">
	var timeOut = null;

	var userId = "2";

	//initTabs
	$j(document).ready(function() {
		var c = getTabCookie();
		if (c == null) {
			var tabs = document.getElementById("patientTabs").getElementsByTagName("a");
			if (tabs.length && tabs[0].id)
				c = tabs[0].id;
		}
		changeTab(c);
	});

	function setTabCookie(tabType) {
		document.cookie = "dashboardTab-" + userId + "="+escape(tabType);
	}

	function getTabCookie() {
		var cookies = document.cookie.match('dashboardTab-' + userId + '=(.*?)(;|$)');
		if (cookies) {
			return unescape(cookies[1]);
		}
		return null;
	}

	function changeTab(tabObj) {
		if (!document.getElementById || !document.createTextNode) {return;}
		if (typeof tabObj == "string")
			tabObj = document.getElementById(tabObj);

		if (tabObj) {
			var tabs = tabObj.parentNode.parentNode.getElementsByTagName('a');
			for (var i=0; i<tabs.length; i++) {
				if (tabs[i].className.indexOf('current') != -1) {
					manipulateClass('remove', tabs[i], 'current');
				}
				var divId = tabs[i].id.substring(0, tabs[i].id.lastIndexOf("Tab"));
				var divObj = document.getElementById(divId);
				if (divObj) {
					if (tabs[i].id == tabObj.id)
						divObj.style.display = "";
					else
						divObj.style.display = "none";
				}
			}
			addClass(tabObj, 'current');

			setTabCookie(tabObj.id);
		}
		return false;
    }
</script>


<div class='portlet' id='patientDashboardHeader'>


		<div id="patientHeader" class="boxHeader">


		<div id="patientHeaderPatientName">John Doe</div>
		<div id="patientHeaderPreferredIdentifier">


					<span class="patientHeaderPatientIdentifier"><span id="patientHeaderPatientIdentifierType">BRMC-EMRN:</span> 1-8</span>


		</div>
		<table id="patientHeaderGeneralInfo">
			<tr class="patientHeaderGeneralInfoRow">
				<td id="patientHeaderPatientGender">
					<img src="/openmrs/images/male.gif" alt='Male' id="maleGenderIcon"/>

				</td>
				<td id="patientHeaderPatientAge">

					100 yrs

					<span id="patientHeaderPatientBirthdate">(~Jan 1, 1911)</span>
				</td>


				<td id="patientHeaderPatientTribe">

				</td>


				<td id="patientDashboardHeaderExtension">

				</td>
				<td style="width: 100%;" class="patientHeaderEmptyData">&nbsp;</td>
				<td id="patientHeaderOtherIdentifiers">


				</td>

			</tr>
		</table>
	</div>

		<div id="patientSubheader" class="box">


		<table id="patientHeaderObs">


			<tr class="patientObsRow">
				<th id="patientHeaderObsWeight">
					BMI: 100.0
				</th>
				<th class="patientHeaderObsWeightHeightHeader">
					<small>
						(
						Weight:


	<span class="obsValue">

			100.0

	</span>


				<span class="obsUnits">kg</span>


	<span class="obsDate"></span>


						,
						Height:


	<span class="obsValue">

			100.0

	</span>


				<span class="obsUnits">cm</span>


	<span class="obsDate"></span>


						)
					</small>
				</th>
				<td id="patientHeaderObsCD4">
					CD4:


				</td>
				<td id="patientHeaderObsReturnVisit">
					Return Visit:


				</td>
				<td id="patientHeaderObsRegimen">
					Regimen:
					<span id="patientHeaderRegimen">

							Hydrochlorothiazide (HCTZ)


					</span>
				</td>
			</tr>
		</table>
		<table class="patientLastEncounterTable"><tr class="patientLastEncounterRow">
			<td class="patientLastEncounterData">Last encounter:</td>
			<th>

					ADULTRETURN @ BRMC, Oct 15, 2011


			</th>
		</tr></table>

	</div>

	<script type="text/javascript">
		function showMoreIdentifiers() {
			if (identifierElement.style.display == '') {
				linkElement.innerHTML = '-1 more';
				identifierElement.style.display = "none";
			}
			else {
				linkElement.innerHTML = '-1 less';
				identifierElement.style.display = "";
			}
		}

		var identifierElement = document.getElementById("patientHeaderMoreIdentifiers");
		var linkElement = document.getElementById("patientHeaderShowMoreIdentifiers");
		if (identifierElement)
			identifierElement.style.display = "none";

	</script>
	</div>


<div id="patientTabs">
	<ul>

			<li><a id="patientOverviewTab" href="#" onclick="return changeTab(this);" hidefocus="hidefocus">Overview</a></li>


			<li><a id="patientRegimenTab" href="#" onclick="return changeTab(this);" hidefocus="hidefocus">Regimens</a></li>


			<li><a id="patientEncountersTab" href="#" onclick="return changeTab(this);" hidefocus="hidefocus">Encounters</a></li>


			<li><a id="patientDemographicsTab" href="#" onclick="return changeTab(this);" hidefocus="hidefocus">Demographics</a></li>


			<li><a id="patientGraphsTab" href="#" onclick="return changeTab(this);" hidefocus="hidefocus">Graphs</a></li>


				<li><a id="formEntryTab" href="#" onclick="return changeTab(this);" hidefocus="hidefocus">Form Entry</a></li>


				<li>
					<a id="patientImageFormTab" href="#" onclick="return changeTab(this);" hidefocus="hidefocus">Patient Image</a>
				</li>


	</ul>
</div>

<div id="patientSections">

		<div id="patientOverview" style="display:none;">


			<div class='portlet' id='patientDashboardOverview'>


<script src="/openmrs/dwr/interface/DWRRelationshipService.js?v=1.8.2.21762" type="text/javascript" ></script>
<script src="/openmrs/dwr/interface/DWRPatientService.js?v=1.8.2.21762" type="text/javascript" ></script>
<script src="/openmrs/dwr/interface/DWRObsService.js?v=1.8.2.21762" type="text/javascript" ></script>
<script src="/openmrs/dwr/interface/DWRConceptService.js?v=1.8.2.21762" type="text/javascript" ></script>

<script src="/openmrs/dwr/util.js?v=1.8.2.21762" type="text/javascript" ></script>


<div id="patientActionsBoxHeader" class="boxHeader">Patient Actions</div>
<div id="patientActionsBox" class="box">
	<table id="patientActions">
		<tr class="patientActionsRow">
			<td id="patientActionsPatientSummary">

					<a href="javascript:window.open('module/patientsummary/patientsummary.form?patientId=3', 'summaryWindow', 'toolbar=no,width=660,height=600,resizable=yes,scrollbars=yes').focus()">Get Patient Summary</a>

			</td>
		</tr>
	</table>
	<table id="patientActions">

		<tr class="patientActionsRow">


			<td id="patientActionsOutcome">
				<div id="patientActionsOutcomeLink">
					<button id="cancelExitButton" onClick="return showExitForm();">Exit Patient from Care</button>
				</div>
				<div id="patientActionsOutcomeForm" style="display:none; padding: 3px; border: 1px black dashed">
					<form method="post" id="exitForm">
						<table id="outcomeFormTable">
							<tr class="patientOutcomeRow">
								<td id="patientActionsOutcomeReason">
									<span id="patientOutcomeTextReason">Type of exit</span>


			<select name="reasonForExit" id="reasonForExit" onChange="updateCauseField()">


					<option value=""></option>


		</select>


								</td>
								<td id="patientActionsCauseOfDeath" style="display:none;">
									<span id="patientOutcomeTextDeathCause">Cause of Death</span>


<script src="/openmrs/scripts/jquery/autocomplete/OpenmrsAutoComplete.js?v=1.8.2.21762" type="text/javascript" ></script>


<script type="text/javascript">

	$j(document).ready( function() {

		var includeC = "".split(",");
		var excludeC = "".split(",");
		var includeD = "".split(",");
		var excludeD = "".split(",");

		// the typical callback
		var callback = new CreateCallback({includeClasses:includeC, excludeClasses:excludeC, includeDatatypes:includeD, excludeDatatypes:excludeD}).conceptCallback();


			//override the callback with one that actually goes to the answers
			callback = new CreateCallback({showAnswersFor: "5002"}).conceptAnswersCallback();


		// set up the autocomplete
		new AutoComplete("causeOfDeath_id_selection", callback, {
			select: function(event, ui) {
				funccauseOfDeathAutoCompleteOnSelect(ui.item.object, ui.item);
			}
		});


			// show the autocomplete and all answers on focus
			jquerySelectEscaped("causeOfDeath_id_selection").autocomplete("option", "minLength", 0);
			jquerySelectEscaped("causeOfDeath_id_selection").autocomplete().focus(function(event, ui) {
				if (event.target.value == "") {
					jquerySelectEscaped("causeOfDeath_id_selection").autocomplete("search", ""); //trigger('keydown.autocomplete');
				}
			}); // trigger the drop down on focus


	})

	function funccauseOfDeathAutoCompleteOnSelect(concept, item) {
		jquerySelectEscaped('causeOfDeath_id').val(concept.conceptId);

		// if called with initialValue, show the name ourselves
		if (!item)
			jquerySelectEscaped('causeOfDeath_id_selection').val(concept.name);


			// if showOther is the concept that is selected, show a text field so user can enter that "other" data
			if (concept && concept.conceptId == 5622) {
				jquerySelectEscaped("causeOfDeath_id_other").show();
			}
			else
				jquerySelectEscaped("causeOfDeath_id_other").hide();


	}
</script>

<input type="text" id="causeOfDeath_id_selection" />
<input type="hidden" name="causeOfDeath" id="causeOfDeath_id" />
<input type="text" name="causeOfDeath_other" id="causeOfDeath_id_other" style="display:none" value=""/>


								</td>
							</tr>
							<tr class="patientOutcomeRow">
								<td id="patientActionsOutcomeDate">
									<span id="patientOutcomeTextExitDate">Date of exit</span>


<script src="/openmrs/scripts/calendar/calendar.js?v=1.8.2.21762" type="text/javascript" ></script>


<!--


-->


		<input type="text" id="dateOfExit" name="dateOfExit" size="10" value="" onFocus="showCalendar(this)" /><span class="datePatternHint"> (mm/dd/yyyy)</span>


								</td>
								<td id="patientActionsOutcomeSave">
									<input type="button" onClick="javascript:exitFormValidate();" value="Save" />
									<input type="button" onClick="javascript:hideExitForm();" value="Cancel" />
								</td>
							</tr>
						</table>
					</form>
				</div>
				<script>
					<!--

						function updateCauseField() {
							var outcomeType = dwr.util.getValue("reasonForExit");


							if ( outcomeType == '1742' ) {
								showDiv("patientActionsCauseOfDeath");
							} else {
								hideDiv("patientActionsCauseOfDeath");
							}
						}

						function showExitForm() {
							showDiv("patientActionsOutcomeForm");
							hideDiv("patientActionsOutcomeLink");
						}

						function hideExitForm() {
							showDiv("patientActionsOutcomeLink");
							hideDiv("patientActionsOutcomeForm");
						}

						function exitFormValidate() {
							var outcomeType = dwr.util.getValue("reasonForExit");
							var outcomeDate = dwr.util.getValue("dateOfExit");
							var outcomeCauseOfDeath = dwr.util.getValue("causeOfDeath");
							var outcomeCauseOther = dwr.util.getValue("causeOfDeath_other");

							if ( outcomeType == '' ) {
								alert("You must supply a valid type of exit to proceed");
								return;
							}

							if ( outcomeDate == '' ) {
								alert("You must supply a valid date of exit to proceed");
								return;
							}

							if ( outcomeType == '1742' && outcomeCauseOfDeath == '' ) {
								alert("You must supply a valid cause of death if indicating that a patient has died");
								return
							}

							if ( outcomeType && outcomeDate ) {
								var exitTypeSelect = document.getElementById("reasonForExit");
								var exitTypeText = exitTypeSelect[exitTypeSelect.selectedIndex].text;
								var answer = confirm("You have chosen to end patient care for this patient for the following reason and on the following date - are you sure you want to proceed?" + "\nType of exit: " + exitTypeText + "\nDate of exit: " + outcomeDate);
								if ( answer ) {
									DWRPatientService.exitPatientFromCare( 3, outcomeType, outcomeDate, outcomeCauseOfDeath, outcomeCauseOther, confirmExit );
								}
							}
						}

						function confirmExit(message) {
							if ( message == '' ) {
								// patient has been exited, let's refresh the page
								window.location.reload();
							} else {
								alert(message);
							}
						}
					-->
				</script>
			</td>


		</tr>
	</table>
</div>
<br />


	<div id="patientProgramsBoxHeader" class="boxHeader">Programs</div>
	<div id="patientProgramsBox" class="box">
		<div class='portlet' id='patientPrograms'>


<script src="/openmrs/dwr/interface/DWRProgramWorkflowService.js?v=1.8.2.21762" type="text/javascript" ></script>


<script type="text/javascript">
	function getDateString(d) {
		var str = '';
		if (d != null) {
			var date = d.getDate();
			if (date < 10)
				str += "0";
			str += date;
			str += '-';
			var month = d.getMonth() + 1;
			if (month < 10)
				str += "0";
			str += month;
			str += '-';
			str += (d.getYear() + 1900);
		}
		return str;
	}

	function isEmpty(o) {
		return o == null || o == '';
	}


	function formatDate(ymd) {
		if (ymd == null || ymd == '')
			return '';


				return ymd.substring(5, 7) + '/' + ymd.substring(8, 10) + '/' + ymd.substring(0, 4);


	}

	function parseDate(date) {
		if (date == null || date == '')
			return '';


				// mm/dd/yyyy 01/34/6789
				return date.substring(6,10) + '-' + date.substring(0,2) + '-' + date.substring(3,5);


	}

	var currentProgramBeingEdited = null;
	var currentWorkflowBeingEdited = null;
	var patientProgramForWorkflowEdited = null;

	function handleSaveProgram() {
		if (currentProgramBeingEdited == null)
			return;
		var idToSave = currentProgramBeingEdited;
		var startDate = parseDate($('enrollmentDateElement').value);
		var endDate = parseDate($('completionDateElement').value);
		var locationId = $('programLocationElement').value;
		currentProgramBeingEdited = null;
		DWRProgramWorkflowService.updatePatientProgram(idToSave, startDate, endDate, locationId, function() {
				hideLayer('editPatientProgramPopup');
				refreshPage();
			});
	}

	function handleDeleteProgram() {
		if (currentProgramBeingEdited == null)
			return;
		var idToDelete = currentProgramBeingEdited;
		var voidReason = document.getElementById("voidReason_PatientProgram").value;
		DWRProgramWorkflowService.deletePatientProgram(idToDelete, voidReason , function() {
				hideLayer('editPatientProgramPopup');
				refreshPage();
			});
	}

	function handleChangeWorkflowState() {
		if (currentWorkflowBeingEdited == null)
			return;

		var ppId = patientProgramForWorkflowEdited;
		var wfId = currentWorkflowBeingEdited;
		var stateId = DWRUtil.getValue('changeToState');
		var onDate = parseDate(DWRUtil.getValue('changeStateOnDate'));
		DWRProgramWorkflowService.changeToState(ppId, wfId, stateId, onDate, function() {
				currentWorkflowBeingEdited = null;
				refreshPage();
			});
	}

	function handleVoidLastState() {
		var patientProgramId = patientProgramForWorkflowEdited;
		var programWorkflowId = currentWorkflowBeingEdited;
		DWRProgramWorkflowService.voidLastState(patientProgramId, programWorkflowId, '', function() {
				currentWorkflowBeingEdited = null;
				patientProgramForWorkflowEdited = null;
				refreshPage();
			});
	}

	function showEditWorkflowPopup(wfName, patientProgramId, programWorkflowId) {
		hideLayer('editPatientProgramPopup');
		currentWorkflowBeingEdited = programWorkflowId;
		patientProgramForWorkflowEdited = patientProgramId;
		showLayer('editWorkflowPopup');
		$('workflowPopupTitle').innerHTML = wfName;
		dwr.util.removeAllRows('workflowTable');
		dwr.util.addRows('workflowTable', ['Loading...'], [ function(s) { return s; } ], { escapeHtml:false });
		dwr.util.removeAllOptions('changeToState');
		dwr.util.addOptions('changeToState', ['Loading...']);
		$('changeStateOnDate').value = '';
		DWRProgramWorkflowService.getPatientStates(patientProgramId, programWorkflowId, function(states) {
				dwr.util.removeAllRows('workflowTable');
				var count = 0;
				var goUntil = states.length;
				dwr.util.addRows('workflowTable', states, [
						function(state) { return state.stateName; },
						function(state) {
							++count;
							var str = '';
							if (!isEmpty(state.startDate)) str += ' from ' + getDateString(state.startDate);
							if (!isEmpty(state.endDate)) str += ' until ' + getDateString(state.endDate);
							if (count == goUntil)
								str += ' <a href="javascript:handleVoidLastState()" style="color: red">[x]</a>';
							return str;
						},
						function(state) {
							var str = '';
							str += '<small>&nbsp;&nbsp;';
							str += 'Created By&nbsp;';
							str += state.creator;
							str += '&nbsp;on&nbsp;';
							str += getDateString(state.dateCreated);
							str += '</small>';
							return str;
						}
					], { escapeHtml:false });
			});
		DWRProgramWorkflowService.getPossibleNextStates(patientProgramId, programWorkflowId, function(items) {
				dwr.util.removeAllOptions('changeToState');
				dwr.util.addOptions('changeToState', {'': 'Select a state' });
				dwr.util.addOptions('changeToState', items, 'id', 'name');
			});
	}

	function setEditPatientProgramPopupSelectedLocation(locationId) {
		locationSelect = document.getElementById("programLocationElement");

		for (i=0;i<=locationSelect.length-1;i++) {
			if (locationSelect.options[i].value == locationId) {
				locationSelect.selectedIndex = i;
				break;
			}
		}
	}

	function showEditPatientProgramPopup(patientProgramId) {
		hideLayer('editWorkflowPopup');
		hideLayer('changedByTR');
		currentProgramBeingEdited = patientProgramId;
		$('programNameElement').innerHTML = 'Loading...';
		$('enrollmentDateElement').value = '';
		$('completionDateElement').value = '';
		showLayer('editPatientProgramPopup');
		DWRProgramWorkflowService.getPatientProgram(patientProgramId, function(program) {
				$('programNameElement').innerHTML = program.name;
				$('enrollmentDateElement').value = formatDate(program.dateEnrolledAsYmd);
				$('completionDateElement').value = formatDate(program.dateCompletedAsYmd);

				setEditPatientProgramPopupSelectedLocation(program.location.locationId);

				$('createdByElement').innerHTML = program.creator;//program.creator is just a String object, not User class
				$('dateCreatedElement').innerHTML = getDateString(program.dateCreated);
				//show changedBy and date_changed only if changedBy is not empty
				if(!isEmpty(program.changedBy)){
					$('changedByElement').innerHTML = program.changedBy;//program.creator is just a String object, not User class
					$('dateChangedElement').innerHTML = getDateString(program.dateChanged);
					showLayer('changedByTR');
				}
			});
	}
</script>

<div id="editPatientProgramPopup" style="position: absolute; background-color: #e0e0e0; z-index: 5; padding: 10px; border: 1px black dashed; display: none">
	<table>
		<tr>
			<td>Program:</td>
			<td><b><span id="programNameElement"></span></b></td>
		</tr>
		<tr>
			<td>Location:</td>
			<td>
				<select name="locationId" id="programLocationElement">
					<option value="">Choose a location...</option>


							<option value="1">BRMC</option>


				</select>
			</td>
		</tr>
		<tr>
			<td>Enrollment Date:</td>
			<td><input type="text" id="enrollmentDateElement" size="10" onClick="showCalendar(this)" /></td>
		</tr>
		<tr>
			<td>Completion Date:</td>
			<td><input type="text" id="completionDateElement" size="10" onClick="showCalendar(this)" /></td>
		</tr>
		<tr>
			<td>Created By:</td><td><span id="createdByElement"></span>&nbsp;on&nbsp;<span id="dateCreatedElement"></span></td>
		</tr>
		<tr id="changedByTR" style="display:none;">
			<td>Changed By:</td><td><span id="changedByElement"></span>&nbsp;on&nbsp;<span id="dateChangedElement"></span></td>
		</tr>
	</table>
	<table width="400">
		<tr>
			<td align="center">
				<input type="button" value="Save" onClick="handleSaveProgram()" />
			</td>
			<td align="center">
				<input type="button" value="Cancel" onClick="currentProgramBeingEdited = null; hideLayer('editPatientProgramPopup')" />
			</td>
			<td align="center">
				<!-- <input type="button" value="Delete" onClick="handleDeleteProgram()" />	 -->
				<span style="position: relative">
				    <input type="button" id="deletePatientProgramButton" value="Delete" onClick="showDiv('deletePatientProgramDiv')" />
					<div id="deletePatientProgramDiv" style="position: absolute; padding: 1em; bottom: -5px; left: 0px; z-index: 9; width: 250px; border: 1px black solid; background-color: #E0E0F0; display: none">
					    Reason to Delete:&nbsp;&nbsp;<input type="text" id="voidReason_PatientProgram" size="15" />
						<br/><br/>
						<div align="center">
							<input type="button" value="Delete" onclick="handleDeleteProgram()"/>
							&nbsp; &nbsp; &nbsp;
							<input type="button" value="Cancel" onClick="hideDiv('deletePatientProgramDiv')"/>
						</div>
					</div>
				</span>
			</td>
		</tr>

	</table>
</div>
					<div id="editWorkflowPopup" style="position: absolute; background-color: #e0e0e0; z-index: 5; padding: 10px; border: 1px black dashed; display: none">
						<b><u><span id="workflowPopupTitle"></span></u></b>
						<table id="workflowTable">
						</table>

						Change to
							<select id="changeToState"><option value="">Loading...</option></select>
						on
							<input type="text" id="changeStateOnDate" size="10" onClick="showCalendar(this)" />

						<input type="button" value="Change" onClick="handleChangeWorkflowState()" />
						<input type="button" value="Close" onClick="currentWorkflowBeingEdited = null; hideLayer('editWorkflowPopup')" />
					</div>


		Not enrolled in any programs<br/><br/>


</table>

<script type="text/javascript">
	$j(document).ready(function() {

		$j('#addProgramLink').click(function(event){
			$j('#enrollInProgramDialog').dialog('open');
		});

		$j('#programSelector').change(function(event){
			$j(".workflowSection").hide();
			$j("#initialStateSection").hide();
			var pId = $j(this).val();
			if (pId && pId != null && pId != '') {
				$j("#initialStateSection").show();
				$j("#workflowSection"+pId).show();
			}
		});

		$j('#enrollInProgramDialog').dialog({
			position: 'top',
			autoOpen: false,
			modal: true,
			title: 'Add a new program',
			width: '90%',
			zIndex: 100,
			buttons: { 'Enroll': function() { handleEnrollInProgram(); },
					   'Cancel': function() { $j(this).dialog("close"); }
			}
		});
	});

	function handleEnrollInProgram() {
		$j('#enrollForm').submit();
	}
</script>

<div id="enrollInProgramDialog" style="display:none;">
	<br/>
	<div id="enrollError" class="error" style="display:none;"></div>
	<form id="enrollForm" name="enrollForm" method="post" action="/openmrs/admin/programs/patientProgram.form">
		<input type="hidden" name="method" value="enroll"/>
		<input type="hidden" name="patientId" value="3"/>
		<input type="hidden" name="returnPage" value="/openmrs/patientDashboard.form?patientId=3"/>
		<table style="margin: 0px 0px 1em 2em;">
			<tr>
				<td nowrap>Program:</td>
				<td>
					<select id="programSelector" name="programId">
						<option value="">Choose a program...</option>


							  <option id="programOption1" value="1">Diabetes Mellitus Management</option>


							  <option id="programOption2" value="2">Hypertension Management</option>


					</select>
				</td>
			</tr>
			<tr>
				<td nowrap>Enrollment Date:</td>
				<td>


<!--


-->


		<input type="text" id="dateEnrolled" name="dateEnrolled" size="10" value="" onFocus="showCalendar(this)" /><span class="datePatternHint"> (mm/dd/yyyy)</span>


</td>
			</tr>
			<tr>
				<td nowrap>Location:</td>
				<td>
					<select name="locationId">
						<option value="">Choose a location...</option>


							  <option value="1">BRMC</option>


					</select>
				</td>
			</tr>
			<tr><td colspan="2">&nbsp;</td></tr>
			<tr id="initialStateSection" style="display:none;">
				<td valign="top">Initial States<br/>(optional)</td>
				<td>

						<table id="workflowSection1" style="display:none;" class="workflowSection">

								<tr>
									<th align="left">Diabetic Retinopathy</th>
									<td>
										<select name="initialState.1">
											<option value=""></option>

										</select>
									</td>
								</tr>

								<tr>
									<th align="left">Diabetic Foot Ulcer</th>
									<td>
										<select name="initialState.2">
											<option value=""></option>

										</select>
									</td>
								</tr>

								<tr>
									<th align="left">DIASTOLIC BLOOD PRESSURE</th>
									<td>
										<select name="initialState.3">
											<option value=""></option>

										</select>
									</td>
								</tr>

								<tr>
									<th align="left">SERUM GLUCOSE</th>
									<td>
										<select name="initialState.4">
											<option value=""></option>

										</select>
									</td>
								</tr>

								<tr>
									<th align="left">SYSTOLIC BLOOD PRESSURE</th>
									<td>
										<select name="initialState.5">
											<option value=""></option>

										</select>
									</td>
								</tr>

						</table>

						<table id="workflowSection2" style="display:none;" class="workflowSection">

								<tr>
									<th align="left">URINE DIPSTICK</th>
									<td>
										<select name="initialState.6">
											<option value=""></option>

										</select>
									</td>
								</tr>

								<tr>
									<th align="left">HYDROCHLOROTHIAZIDE</th>
									<td>
										<select name="initialState.7">
											<option value=""></option>

										</select>
									</td>
								</tr>

								<tr>
									<th align="left">DIASTOLIC BLOOD PRESSURE</th>
									<td>
										<select name="initialState.8">
											<option value=""></option>

										</select>
									</td>
								</tr>

								<tr>
									<th align="left">SYSTOLIC BLOOD PRESSURE</th>
									<td>
										<select name="initialState.9">
											<option value=""></option>

										</select>
									</td>
								</tr>

						</table>

				</td>
			</tr>
		</table>
	</form>
</div>


		<a href="#" id="addProgramLink">Add a new program</a>

</div>
	</div>
	<br/>


	<div id="patientRelationshipsBoxHeader" class="boxHeader">Relationships</div>
	<div id="patientRelationshipsBox" class="box">
		<div class='portlet' id=''>


<style type="text/css">
.relTable td {
	padding-right: 10px;
	padding-left: 10px;
}
</style>

<script type="text/javascript">

	$j(document).ready(function() {
		$j('#addRelationship').dialog({
			autoOpen: false,
			modal: true,
			title: 'Add a new relationship',
			width: '30%',
			zIndex: 100,
			buttons: {
				'Save': function() { handleAddRelationship(); },
				'Cancel': function() { $j(this).dialog("close"); }
			}
		});

		$j("#addRelationshipLink").click(function(){
			clearAddRelationship();
			$j("#addRelationship").dialog("open");
			return false;
		});

		$j('#voidRelationship').dialog({
			autoOpen: false,
			modal: true,
			title: 'Remove Relationship',
			width: '30%',
			zIndex: 100,
			buttons: {
				'Remove': function() { handleVoidRelationship(); },
				'Cancel': function() { $j(this).dialog("close"); }
			}
		});

		refreshRelationshipsInitial();
	});

	function refreshRelationships() {
		DWRRelationshipService.getRelationships(3, null, refreshRelationshipsCallback);
	}

	function refreshRelationshipsInitial() {
		var rels = new Array();
		var rel;

			rel = new Object();
			rel.relationshipId = 1;
			rel.personA = 'Michael Anthony Morris';
			rel.personB = 'John Doe';
			rel.aIsToB = 'Doctor';
			rel.bIsToA = 'Patient';
			rel.personAId = 2;
			rel.personBId = 3;
			rel.personAIsPatient = false;
			rel.personBIsPatient = true;
			rels.push(rel);

			rel = new Object();
			rel.relationshipId = 2;
			rel.personA = 'Michael Anthony Morris';
			rel.personB = 'John Doe';
			rel.aIsToB = 'Medical Student';
			rel.bIsToA = 'Patient';
			rel.personAId = 2;
			rel.personBId = 3;
			rel.personAIsPatient = false;
			rel.personBIsPatient = true;
			rels.push(rel);

		refreshRelationshipsCallback(rels);
	}

	var relTableCellFuncs = [
		function(data) { return data[1]; },
		function(data) { return data[2]; },
		function(data) {
			return '<a href="javascript:voidRelationshipDialog(' + data[0] + ')" title="">' +
				'<img src="images/delete.gif" border="0" title="Remove"/>' +
				'</a>';
		}
	];

	var relationships = {};

	function refreshRelationshipsCallback(rels) {
		relationships = {};
		dwr.util.removeAllRows("relationshipTableContent");
		if (rels.length == 0) {
			$j("#no_relationships").html('None<br /><br />');
			hideDiv("relationshipTable");
			showDiv("no_relationships");
		} else {
			for (var i = 0; i < rels.length; ++i) {
				var rel = rels[i];
				var relation = rel.personAId == 3 ? rel.bIsToA : rel.aIsToB;
				var relative = '';

				if (rel.personAId == 3) {
					if (rel.personBIsPatient)
						relative = '<a href="patientDashboard.form?patientId=' + rel.personBId + '">' + rel.personB + '</a>';
					else
						relative = '<a href="personDashboard.form?personId=' + rel.personBId + '">' + rel.personB + '</a>';
				} else if (rel.personBId == 3) {
					if (rel.personAIsPatient)
						relative = '<a href="patientDashboard.form?patientId=' + rel.personAId + '">' + rel.personA + '</a>';
					else
						relative = '<a href="personDashboard.form?personId=' + rel.personAId + '">' + rel.personA + '</a>';
				}

				relationships[rel.relationshipId] = relative + " (" + relation + ")";
				dwr.util.addRows('relationshipTableContent',
						[ [rel.relationshipId, relative, relation] ],
						relTableCellFuncs,
						{escapeHtml: false});
			}
			hideDiv("no_relationships");
			showDiv("relationshipTable");
		}
	}

	function handleAddRelationship() {
		var personIdB = 3;
		var personIdA = $j("#add_rel_target_id").val();

		if (personIdA == personIdB) {
			window.alert('You can\'t create a relationship between a person and themself');
			return;
		}

		var relType = dwr.util.getValue('add_relationship_type');
		if (relType == null || relType == '' || personIdA == null || personIdA == '' || personIdB == null || personIdB == '') {
			window.alert('You must specify a person and a relationship type');
			return;
		}

		var reverseIndex = relType.indexOf('::reverse');
		if (reverseIndex > 0) {
			relType = relType.substring(0, reverseIndex);
			var temp = personIdA;
			personIdA = personIdB;
			personIdB = temp;
		}

		$j("#addRelationship").dialog("close");
		clearAddRelationship();
		DWRRelationshipService.createRelationship(personIdA, personIdB, relType, refreshRelationships);
	}

	function clearAddRelationship() {
		$j("#add_rel_target_id").val("");
		$j("#add_rel_display_id").val("");
		$j("#add_relationship_type").val("");
		hideDiv('add_rel_details');
	}

	function voidRelationshipDialog(relId) {
		$j("#voidRelationship #relationship_desc").html(relationships[relId]);
		$j("#voidRelationship #relationship_id").val(relId);
		$j("#voidRelationship #relationship_void_reason").val("");
		$j("#voidRelationship").dialog("open");
		$j("#voidRelationship #relationship_void_reason").focus();
	}

	function handleVoidRelationship() {
		var relId = $j("#voidRelationship #relationship_id").val();
		var reason = $j("#voidRelationship #relationship_void_reason").val();
		$j("#voidRelationship").dialog("close");
		if (reason != null && reason != '') {
			DWRRelationshipService.voidRelationship(relId, reason, refreshRelationships);
		}
	}

	function handlePickRelType(value, label) {
		dwr.util.setValue('add_relationship_type', value);
		document.getElementById('add_relationship_name').innerHTML = label;
		showDiv('add_rel_details');
	}

</script>

<div id="patientRelationshipPortlet">
	<div id="no_relationships">
		Loading...<br />
	</div>

	<table style="margin: 0px 0px 1em 2em;" cellpadding="3" cellspacing="0" id="relationshipTable" class="relTable">
		<thead>
			<tr bgcolor="whitesmoke">
				<td>Relative</td>
				<td>Relationship</td>
				<td></td>
			</tr>
		</thead>
		<tbody id="relationshipTableContent"></tbody>
	</table>

	<a id="addRelationshipLink" href="#">Add a new relationship</a>

	<div id="addRelationship">
		What type of relationship?
		<table style="margin: 0px 0px 1em 2em;">

				<tr>


							<td style="text-align: right; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('5', 'Medical Student')">Medical Student</a>
							</td>
							<td width="2%">:</td>
							<td style="text-align: left; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('5::reverse', 'Patient')">Patient</a>
							</td>


				</tr>

				<tr>


							<td style="text-align: right; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('6', 'Undergraduate Student')">Undergraduate Student</a>
							</td>
							<td width="2%">:</td>
							<td style="text-align: left; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('6::reverse', 'Patient')">Patient</a>
							</td>


				</tr>

				<tr>


							<td style="text-align: right; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('7', 'Graduate Student')">Graduate Student</a>
							</td>
							<td width="2%">:</td>
							<td style="text-align: left; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('7::reverse', 'Patient')">Patient</a>
							</td>


				</tr>

				<tr>


							<td style="text-align: right; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('1', 'Doctor')">Doctor</a>
							</td>
							<td width="2%">:</td>
							<td style="text-align: left; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('1::reverse', 'Patient')">Patient</a>
							</td>


				</tr>

				<tr>


							<td style="text-align: center; white-space: nowrap" align="center" colspan="3">
								<a href="javascript:handlePickRelType('2', 'Sibling')">Sibling</a>
							</td>


				</tr>

				<tr>


							<td style="text-align: right; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('3', 'Parent')">Parent</a>
							</td>
							<td width="2%">:</td>
							<td style="text-align: left; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('3::reverse', 'Child')">Child</a>
							</td>


				</tr>

				<tr>


							<td style="text-align: right; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('4', 'Aunt/Uncle')">Aunt/Uncle</a>
							</td>
							<td width="2%">:</td>
							<td style="text-align: left; white-space: nowrap; width: 49%">
								<a onclick="handlePickRelType('4::reverse', 'Niece/Nephew')">Niece/Nephew</a>
							</td>


				</tr>

		</table>

		<span id="add_rel_details" style="display: none">
			John Doe's
			<i><span id="add_relationship_name">What type of relationship?</span></i>
			<input type="hidden" id="add_relationship_type"/>
			is:


<script src="/openmrs/dwr/interface/DWRPersonService.js?v=1.8.2.21762" type="text/javascript" ></script>


<script type="text/javascript">

	$j(document).ready( function() {

		// set up the autocomplete
		new AutoComplete("add_rel_display_id", new CreateCallback({roles:""}).personCallback(), {
			select: function(event, ui) {
				jquerySelectEscaped("add_rel_target_id").val(ui.item.object.personId);


			}
		});

		// get the name of the person that they passed in the id for


	})
</script>

<input type="text" id="add_rel_display_id" />
<input type="hidden" name="add_rel_target" id="add_rel_target_id" />
		</span>
	</div>

	<div id="voidRelationship">
		<div>Relative: <span id="relationship_desc"></span></div>
		<br />
		<label for="relationship_void_reason">Reason: </label>
		<input type="hidden" id="relationship_id"/>
		<input type="text" id="relationship_void_reason"/>
	</div>
</div>
</div>
	</div>
	<br/>


	<div id="patientActiveListsAllergyBoxHeader" class="boxHeader">Allergies</div>
	<div id="patientActiveListsAllergyBox" class="box">
		<div class='portlet' id=''>


<style type="text/css">
.ui-datepicker { z-index:10100; }
.alTable td {
	padding-right: 10px;
	padding-left: 10px;
}
</style>

<script type="text/javascript">
	var allergyStartDatePicker;

	$j(document).ready(function() {
		$j('#addActiveListAllergy').dialog({
			autoOpen: false,
			modal: true,
			title: 'Add Allergy',
			width: '30%',
			zIndex: 100,
			close: function() { $j("#allergy_concept").autocomplete("close"); $j("#allergy_reaction").autocomplete("close"); },
			buttons: { 'Save': function() { handleAddAllergy(); },
					   'Cancel': function() { $j(this).dialog("close"); }
			}
		});

		$j('#resolveActiveListAllergy').dialog({
			autoOpen: false,
			modal: true,
			title: 'Remove Allergy',
			width: '30%',
			zIndex: 100,
			buttons: { 'Remove': function() { handleResolveAllergy(); },
				       'Cancel': function() { $j(this).dialog("close"); }
			}
		});

		allergyStartDatePicker = new DatePicker("mm/dd/yyyy", "allergy_startDate", { defaultDate: parseDateFromStringToJs("mm/dd/yyyy", "10/16/2011") });

		var allergyCallback = new CreateCallback({onerror: showAllergyAddError, onsuccess: hideAllergyError});
		var autoAllergyConcept = new AutoComplete("allergy_concept", allergyCallback.conceptCallback(), {
			select: function(event, ui) {
				$j('#allergy_concept_id').val(ui.item.object.conceptId);
			}
		});

		var reactionCallback = new CreateCallback(
									{onerror:showAllergyAddError,
									 onsuccess: hideAllergyError,
									 includedClasses: 'Symptom'
									});
		var autoReactionConcept = new AutoComplete("allergy_reaction", reactionCallback.conceptCallback(), {
			select: function(event, ui) {
				$j('#allergy_reaction_id').val(ui.item.object.conceptId);
			}
		});

	});

	function doAddAllergy() {

		// in case someone started editing/resolving an allergy already
		currentlyEditingAllergyId = null;

		$j('#allergyError').hide();
		$j('#allergy_concept').val("");
		$j('#allergy_concept_id').val("");
		$j('#allergy_reaction').val("");
		$j('#allergy_reaction_id').val("");
		$j('#allergy_type').val("");
		allergyStartDatePicker.setDate("10/16/2011");

		$j('#allergy_severity').val("");
		$j('#allergy_reaction').val("");

		$j('#addActiveListAllergy').dialog("option", "title", 'Add Allergy');
		$j('#addActiveListAllergy').dialog('open');
		$j('#allergy_concept').focus();
	}

	function handleAddAllergy() {
		var allergen = $j('#allergy_concept_id').val();
		var type = $j('#allergy_type').val();
		var startDate = allergyStartDatePicker.getDateAsString();
		var severity = $j('#allergy_severity').val();
		var reaction = $j('#allergy_reaction_id').val();

		if((allergen == null) || (allergen == '')) {
			showAllergyAddError("Allergen required");
			return;
		}

		var patientId = 3;

		if(currentlyEditingAllergyId == null) {
			DWRPatientService.createAllergy(patientId, allergen, type, startDate, severity, reaction, refreshPage);
		}
		else {
			DWRPatientService.saveAllergy(currentlyEditingAllergyId, allergen, type, startDate, severity, reaction, refreshPage);
		}
	}

	function doEditAllergy(activeListId) {
		$j('#allergyError').hide();
		var allergy = findAllergy(activeListId);
		if(allergy == null) return;

		currentlyEditingAllergyId = activeListId;
		$j('#allergy_concept').val($j('#allergen_conceptName_' + activeListId).html().trim());
		$j('#allergy_concept_id').val(allergy['allergenId']);
		$j('#allergy_type').val(allergy['type']);
		allergyStartDatePicker.setDate(allergy['startDate']);
		$j('#allergy_severity').val(allergy['severity']);
		$j('#allergy_reaction').val($j('#reaction_conceptName_' + activeListId).html().trim());
		$j('#allergy_reaction_id').val(allergy['reactionId']);

		$j('#addActiveListAllergy').dialog("option", "title", 'Edit Allergy');
		$j('#addActiveListAllergy').dialog('open');
	}

	function findAllergy(activeListId) {
		for(var i=0; i < allergies.length; i++) {
			var a = allergies[i];
			if(activeListId == a['activeListId']) return a;
		}
		return null;
	}

	function doResolveAllergy(activeListId) {
		$j('input[name=allergy_resolved]').val(["Removed"]);
		$j('#allergy_reason').val("");

		currentlyEditingAllergyId = activeListId;

		var name = $j('#allergen_conceptName_' + activeListId).html().trim();
		$j('#resolveActiveListAllergy').dialog("option", "title", 'Remove Allergy: ' + name);
		$j('#resolveActiveListAllergy').dialog('open');
	}

	function handleResolveAllergy() {
		var resolved = $j('input[name=allergy_resolved]:checked').val();

		if('Error' == resolved) {
			DWRPatientService.voidAllergy(currentlyEditingAllergyId, resolved, refreshPage);
		}
		else {
			DWRPatientService.removeAllergy(currentlyEditingAllergyId, resolved, refreshPage);
		}
	}

	function doToggleShowingInactiveAllergies() {
		$j('#removedAllergyTable').toggle();
		var text = 'Hide Allergy History';
		if(showingInactiveAllergies == true) {
			text = 'Show Allergy History';
		}
		$j('#inactiveAllergyLink').html(text);
		showingInactiveAllergies = !showingInactiveAllergies;
	}

	function showAllergyAddError(error) {
		$j('#allergyError').html(error);
		$j('#allergyError').show();
	}

	function hideAllergyError(results) {
		$j('#allergyError').hide();
	}

	var allergies = new Array();
	var currentlyEditingAllergyId = null;
	var showingInactiveAllergies = false;
</script>

<div id="patientActiveListAllergyPortlet">


		None<br/><br/>


	<div style="width: 100%">
		<a id="addActiveListAllergyLink" href="javascript:doAddAllergy();" title="">Add Allergy</a>

	</div>


	<div id="addActiveListAllergy" style="display: none">
		<div id="allergyError" class="error"></div>
		<table style="margin: 0px 0px 1em 2em;">
			<tr>
				<td nowrap>Allergen *</td>
				<td>
					<input type="text" id="allergy_concept" size="20"/>
					<input type="hidden" id="allergy_concept_id"/>
				</td>
			</tr>
			<tr>
				<td style="white-space: nowrap">Start Date</td>
				<td><input type="text" id="allergy_startDate" size="20"/></td>
			</tr>
			<tr>
				<td>Reaction</td>
				<td>
					<input type="text" id="allergy_reaction" size="20"/>
					<input type="hidden" id="allergy_reaction_id"/>
				</td>
			</tr>
			<tr>
				<td>Severity</td>
				<td>
					<select id="allergy_severity">
						<option value=""></option>

						<option value="UNKNOWN">UNKNOWN</option>

						<option value="INTOLERANCE">INTOLERANCE</option>

						<option value="MILD">MILD</option>

						<option value="MODERATE">MODERATE</option>

						<option value="SEVERE">SEVERE</option>

					</select>
				</td>
			</tr>
		</table>
	</div>
	<div id="resolveActiveListAllergy" style="display: none">
		<table style="margin: 0px 0px 1em 2em;">
			<tr>
				<td><input type="radio" name="allergy_resolved" value="Removed" checked/>Remove from list (stays in history)</td>
			</tr>
			<tr>
				<td><input type="radio" name="allergy_resolved" value="Error"/>Data entry error (deletes this entry)</td>
			</tr>
		</table>
	</div>
</div></div>
	</div>
	<br/>


	<div id="patientActiveListsProblemBoxHeader" class="boxHeader">Problem List</div>
	<div id="patientActiveListsProblemBox" class="box">
		<div class='portlet' id=''>


<style type="text/css">
.ui-datepicker { z-index:10100; }
</style>

<script type="text/javascript">
	var problemStartDatePicker, problemEndDatePicker;

	$j(document).ready(function() {
		$j('#addActiveListProblem').dialog({
			autoOpen: false,
			modal: true,
			title: 'Add Problem',
			width: '30%',
			zIndex: 100,
			close: function() { $j("#problem_concept").autocomplete("close"); },
			buttons: { 'Save': function() { handleAddProblem(); },
					   'Cancel': function() { $j(this).dialog("close"); }
			}
		});

		$j('#resolveActiveListProblem').dialog({
			autoOpen: false,
			modal: true,
			title: 'Remove Problem',
			width: '30%',
			zIndex: 100,
			buttons: { 'Remove': function() { handleResolveProblem(); },
				       'Cancel': function() { $j(this).dialog("close"); }
			}
		});

		problemStartDatePicker = new DatePicker("mm/dd/yyyy", "problem_startDate", { defaultDate: parseDateFromStringToJs("mm/dd/yyyy", "10/16/2011") });

		problemEndDatePicker = new DatePicker("mm/dd/yyyy", "problem_endDate", { defaultDate: parseDateFromStringToJs("mm/dd/yyyy", "10/16/2011") });

		var problemCallback = new CreateCallback({onerror: showProblemAddError, onsuccess: hideProblemError});
		var autoProblemConcept = new AutoComplete("problem_concept", problemCallback.conceptCallback(), {
			select: function(event, ui) {
				$j('#problem_concept_id').val(ui.item.object.conceptId);
			}
		});

	});

	function doAddProblem() {
		currentlyEditingProblemId = null;

		$j('#problemError').hide();
		$j('#problem_concept').val("");
		$j('#problem_concept_id').val("");
		$j('#problem_modifier').val("");
		problemStartDatePicker.setDate("10/16/2011");
		$j('#problem_comments').val("");

		$j('#addActiveListProblem').dialog("option", "title", 'Add Problem');
		$j('#addActiveListProblem').dialog('open');
		$j('#problem_concept').focus();
	}

	function handleAddProblem() {
		var problem = $j('#problem_concept_id').val();
		var modifier = $j('#problem_modifier').val();
		var startDate = problemStartDatePicker.getDateAsString();
		var comments = $j('#problem_comments').val();

		if((problem == null) || (problem == '')) {
			showProblemAddError("Problem required");
			return;
		}

		var patientId = 3;

		if(currentlyEditingProblemId == null) {
			DWRPatientService.createProblem(patientId, problem, modifier, startDate, comments, refreshPage);
		}
		else {
			DWRPatientService.saveProblem(currentlyEditingProblemId, problem, modifier, startDate, comments, refreshPage);
		}
	}

	function doEditProblem(activeListId) {
		$j('#problemError').hide();
		var problem = findProblem(activeListId);
		if(problem == null) return;

		currentlyEditingProblemId = activeListId;
		$j('#problem_concept').val($j('#problem_conceptName_' + activeListId).html().trim());
		$j('#problem_concept_id').val(problem['problemId']);
		$j('#problem_modifier').val(problem['modifier']);
		problemStartDatePicker.setDate(problem['startDate']);
		$j('#problem_comments').val(problem['comments']);

		$j('#addActiveListProblem').dialog("option", "title", 'Edit Problem');
		$j('#addActiveListProblem').dialog('open');
	}

	function findProblem(activeListId) {
		for(var i=0; i < problems.length; i++) {
			var a = problems[i];
			if(activeListId == a['activeListId']) return a;
		}
		return null;
	}

	function doResolveProblem(activeListId) {
		var problem = findProblem(activeListId);
		$j('input[name=problem_resolved]').val(["Removed"]);
		$j('#problem_other').val("");
		$j('#problem_reason').val(problem['comments']);
		problemEndDatePicker.setDate("10/16/2011");

		currentlyEditingProblemId = activeListId;

		var name = $j('#problem_conceptName_' + activeListId).html().trim();
		$j('#resolveActiveListAllergy').dialog("option", "title", 'Remove Problem: ' + name);
		$j('#resolveActiveListProblem').dialog('open');
	}

	function handleResolveProblem() {
		var resolved = $j('input[name=problem_resolved]:checked').val();
		var reason = $j('#problem_reason').val();
		var endDate = problemEndDatePicker.getDateAsString();

		if('Error' == resolved) {
			DWRPatientService.voidProblem(currentlyEditingProblemId, resolved, refreshPage);
		}
		else {
			DWRPatientService.removeProblem(currentlyEditingProblemId, reason, endDate, refreshPage);
		}
	}

	function doToggleShowingInactiveProblems() {
		$j('#removedProblemTable').toggle();
		var text = 'Hide Problem History';
		if(showingInactiveProblems == true) {
			text = 'Show Problem History';
		}
		$j('#inactiveProblemLink').html(text);
		showingInactiveProblems = !showingInactiveProblems;
	}

	function showProblemAddError(error) {
		$j('#problemError').html(error);
		$j('#problemError').show();
	}

	function hideProblemError(results) {
		$j('#problemError').hide();
	}

	var problems = new Array();
	var currentlyEditingProblemId = null;
	var showingInactiveProblems = false;
</script>

<div id="patientActiveListProblemPortlet">


	<table style="margin: 0px 0px 1em 2em;" cellpadding="3" cellspacing="0" id="problemTable" class="alTable">
		<tr bgcolor="whitesmoke">
			<td>Problem</td>
			<td>Date</td>
			<td>Modifier</td>
			<td>Comments</td>
			<td></td>
		</tr>


			<tr bgcolor="white">
				<script type="text/javascript">
					problems.push({"activeListId": "5",
									"problemId": "142474",
									"modifier": "HISTORY_OF",
									"startDate": parseDateFromStringToJs("mm/dd/yyyy", "09/25/2011"),
									"comments": "",
									"endDate": parseDateFromStringToJs("mm/dd/yyyy", ""),
									"voidReason": ""});
				</script>
				<td>
					<a href="javascript:doEditProblem(5);"><span id="problem_conceptName_5">


Diabetes Mellitus Type 1</span></a>
				</td>
				<td>09/25/2011</td>
				<td>History of</td>
				<td></td>
				<td>
					<a href="javascript:doResolveProblem(5)"><img src="images/delete.gif" border="0" title="Remove"/></a>
				</td>
			</tr>

	</table>


	<div style="width: 100%">
		<a id="addActiveListProblemLink" href="javascript:doAddProblem();" title="">Add Problem</a>

			<a href="javascript:doToggleShowingInactiveProblems();" id="inactiveProblemLink" style="width: 100%; text-align: right">Show Problem History</a>

	</div>


		<br/>
		<div id="removedProblemTable" style="display: none">
			Removed Problems<br/>
			<table style="margin: 0px 0px 1em 2em;" cellpadding="3" cellspacing="0" class="alTable">
				<tr bgcolor="whitesmoke">
					<td>Problem</td>
					<td>Date</td>
					<td>Comments</td>
					<td>Removed on</td>
				</tr>


					<tr bgcolor="white">
						<td>History of


Migraine</td>
						<td>09/25/2011</td>
						<td>Cured</td>
						<td>09/25/2011</td>
					</tr>

			</table>
		</div>


	<div id="addActiveListProblem" style="display: none">
		<div id="problemError" class="error"></div>
		<table style="margin: 0px 0px 1em 2em;">
			<tr>
				<td nowrap>Problem *</td>
				<td>
					<input type="text" id="problem_concept" size="20"/>
					<input type="hidden" id="problem_concept_id"/>
				</td>
			</tr>
			<tr>
				<td>Modifier</td>
				<td>
					<select id="problem_modifier">
						<option value=""></option>

						<option value="RULE_OUT">Rule Out</option>

						<option value="HISTORY_OF">History of</option>

					</select>
				</td>
			</tr>
			<tr>
				<td>Start Date</td>
				<td><input type="text" id="problem_startDate" size="20"/></td>
			</tr>
			<tr>
				<td valign="top">Comments</td>
				<td>
					<textarea id="problem_comments" cols="18" rows="3" style="width: 100%"></textarea>
				</td>
			</tr>
		</table>
	</div>
	<div id="resolveActiveListProblem" style="display: none">
		<table style="margin: 0px 0px 1em 2em;">
			<tr>
				<td><input type="radio" name="problem_resolved" value="Removed" checked/>Remove as of</td>
				<td><input type="text" id="problem_endDate" size="20"/></td>
			</tr>
			<tr>
				<td colspan="2"><input type="radio" name="problem_resolved" value="Error"/>Data entry error (deletes this entry)</td>
			</tr>
			<tr>
				<td colspan="2">
					Comments<br/>
					<textarea id="problem_reason" cols="18" rows="3" style="width: 100%"></textarea>
				</td>
			</tr>
		</table>
	</div>
</div></div>
	</div>
	<br/>

</div>

		</div>


		<div id="patientRegimen" style="display:none;">


			<div class='portlet' id='patientDashboardRegimen'>


<div id="regimenPortlet">
	<div id="regimenPortletCurrent">
		<div class="boxHeader">Current and Future Regimens</div>
		<div class="box">

			<div class='portlet' id='patientRegimenCurrent'>


<script src="/openmrs/dwr/interface/DWROrderService.js?v=1.8.2.21762" type="text/javascript" ></script>
<script src="/openmrs/dwr/engine.js?v=1.8.2.21762" type="text/javascript" ></script>
<script src="/openmrs/dwr/util.js?v=1.8.2.21762" type="text/javascript" ></script>
<script src="/openmrs/scripts/drugOrder.js?v=1.8.2.21762" type="text/javascript" ></script>

		<div id="regimenPortletCurrent">
			<table class="regimenCurrentTable">
				<thead>
					<tr class="regimenCurrentHeaderRow">
						<th style="nowrap: true;" class="regimenCurrentDrugOrderedHeader"> Item ordered </th>
						<th class="regimenCurrentDrugDoseHeader"> Dose/Units </th>
						<th class="regimenCurrentDrugFrequencyHeader"> Frequency </th>
						<th class="regimenCurrentDrugDateStartHeader"> Start date </th>
						<th class="regimenCurrentDrugScheduledStopDateHeader"> Scheduled Stop Date </th>
						<th class="regimenCurrentDrugInstructionsHeader"> Instructions </th>

							<th class="regimenCurrentEmptyHeader"> </th>
							<th class="regimenCurrentEmptyHeader"> </th>

					</tr>
				</thead>


				<tbody id="regimenTableCurrent_header___other__">
					<tr class="regimenCurrentHeaderOtherRow">


								<td colspan="8"><table><tr><td>OTHER REGIMENS</td></tr></table></td>


					</tr>
				</tbody>
				<tbody id="regimenTableCurrent___other__">


							<tr class="regimenCurrentDrugRow">
								<td class="regimenCurrentDrugEmptyData">&nbsp;&nbsp;&nbsp;&nbsp;

										<a class="patientRegimenDrugName" href="/openmrs/admin/orders/orderDrug.form?orderId=2">Hydrochlorothiazide (HCTZ)</a>


								</td>
								<td class="regimenCurrentDrugDoseData">20.0 mg</td>
								<td class="regimenCurrentDrugFrequencyData">MWF</td>
								<td class="regimenCurrentDrugStartDateData">Oct 13, 2011</td>
								<td class="regimenCurrentDrugAutoExpireDateData">Oct 19, 2011</td>
								<td class="regimenCurrentDrugInstructionsData">1 tablet by mouth MWF</td>

									<td class="regimenCurrentDrugDiscontinuedData">
										<input id="closebutton_2" type="button" value="Stop" onClick="showHideDiv('close_2');showHideDiv('closebutton_2')" />
										<div id="close_2" style="display:none" class="dashedAndHighlighted">
											<form class="discontinuedDrugForm">
												Date Stopped:
												<input type="text" id="close_2_date" size="10" value="" onFocus="showCalendar(this)" />
												&nbsp;&nbsp;&nbsp;&nbsp;
												Reason:


			<select name="close_2_reason" id="close_2_reason">


					<option value=""></option>


		</select>


												&nbsp;&nbsp;
												<input type="button" value="Stop" onClick="handleDiscontinueDrugOrder('2', 'close_2_date', 'close_2_reason')" />
												<input type="button" value="Cancel" onClick="showHideDiv('close_2');showHideDiv('closebutton_2')" />
											</form>
										</div>
									</td>
									<td class="regimenCurrentDrugVoidData">
										<input id="voidbutton_2" type="button" value="Delete" onClick="showHideDiv('void_2');showHideDiv('voidbutton_2')" />
										<div id="void_2" style="display:none" class="dashedAndHighlighted">
											<form class="voidOrderDrugForm">
												Reason:
													<select name="void_2_reason" id="void_2_reason">
														<option value=""></option>
														<option value="DrugOrder.void.reason.dateError">Date error</option>
														<option value="DrugOrder.void.reason.error">Error</option>
														<option value="DrugOrder.void.reason.other">Other</option>
													</select>
												&nbsp;&nbsp;
												<input type="button" value="Delete" onClick="handleVoidCurrentDrugOrder('2', 'void_2_reason')" />
												<input type="button" value="Cancel" onClick="showHideDiv('void_2');showHideDiv('voidbutton_2')" />
											</form>
										</div>
									</td>

							</tr>


				</tbody>


			</table>
			<script>
				setPatientId("3");
				setDisplayDrugSetIds(",*");
				setRegimenMode("");
			</script>
		</div>

</div>

			<span class="regimenPortletSpan"><input type="button" onclick="showHideDiv('regimenPortletAddForm');" value="(+) Add/Change Regimen"></span>
			<div id="regimenPortletAddForm" style="display:none; border: 1px dashed black; padding: 10px;">
				<table width="100%" class="patientRegimenTable">
					<tr class="patientRegimenRow">


						<td valign="top" align="right" class="patientRegimeDataFlexible">
							<div id="regimenPortletAddFlexible">
								<form method="post" id="orderForm" onSubmit="handleAddDrugOrder(3, 'drug', 'dose', 'units', 'frequencyDay', 'frequencyWeek', 'startDate')">
								<table class="patientAddFlexibleTable">
									<tr class="patientAddFlexibleRow">
										<td colspan="2" class="patientAddFlexibleData"><strong>Add your own drug regimen</strong></td>
									</tr>
									<tr class="patientAddFlexibleRow">
										<td class="patientAddFlexibleData">Drug</td>
										<td class="patientAddFlexibleData">


	<select name="drug" id="drug"onChange=updateAddFields('drug','units','frequency')>


				<option value=""></option>


				<option value="1"
					>Hydrochlorothiazide (HCTZ)</option>


				<option value="2"
					>Amlodipine (Norvasc)</option>


				<option value="3"
					>Insulin Lispro (Humalog)</option>


				<option value="4"
					>Ciprofloxacin (Cipro)</option>


				<option value="5"
					>Trimethoprim Sulfamethoxazole (Bactrim) ADULT</option>


				<option value="6"
					>Amoxicillin (AMOX) ADULT</option>


				<option value="7"
					>Amoxicillin Clavulanate (Augmentin) ADULT</option>


				<option value="8"
					>Azithromycin (Zithromax) ADULT</option>


				<option value="9"
					>Ranitidine (Zantac)</option>


				<option value="10"
					>Omeprazole (Prilosec)</option>


				<option value="11"
					>Docusate (Colace)</option>


				<option value="12"
					>Glyburide</option>


				<option value="13"
					>Naproxen Sodium (Aleve)</option>


				<option value="14"
					>Diphenhydramine (Benadryl)</option>


				<option value="15"
					>Loratadine (Claritin)</option>


				<option value="16"
					>Citiridine (Zyrtec)</option>


				<option value="17"
					>Fluoxetine (Prozac)</option>


				<option value="18"
					>Citalopram (Celexa)</option>


	</select>


										</td>
									</tr>
									<tr class="patientAddFlexibleRow">
										<td>Dose</td>
										<td class="patientAddFlexibleData">
											<input type="text" name="dose" id="dose" value="" size="8" /><!-- Default View for FieldGen module -->

											<span id="unitsSpan"></span>
											<input type="hidden" id="units" name="units" value="" />
										</td>
									</tr>
									<tr class="patientAddFlexibleRow">
										<td class="patientAddFlexibleData">Frequency</td>
										<td class="patientAddFlexibleData">

											<select name="frequencyDay" id="frequencyDay">

													<option value="1/day">1/day</option>

													<option value="2/day">2/day</option>

													<option value="3/day">3/day</option>

													<option value="4/day">4/day</option>

													<option value="5/day">5/day</option>

													<option value="6/day">6/day</option>

													<option value="7/day">7/day</option>

													<option value="8/day">8/day</option>

													<option value="9/day">9/day</option>

													<option value="10/day">10/day</option>

											</select>
											<span class="patientAddFlexibleDataSpan"> x </span>
											<select name="frequencyWeek" id="frequencyWeek">


														<option value="7 days/week">7 days/week</option>

														<option value="6 days/week">6 days/week</option>

														<option value="5 days/week">5 days/week</option>

														<option value="4 days/week">4 days/week</option>

														<option value="3 days/week">3 days/week</option>

														<option value="2 days/week">2 days/week</option>

														<option value=" 1days/week"> 1days/week</option>


											</select>
										</td>
									</tr>
									<tr class="patientAddFlexibleDateRow">
										<td class="patientAddFlexibleDate">Start date</td>
										<td class="patientAddFlexibleDate">


<script src="/openmrs/scripts/calendar/calendar.js?v=1.8.2.21762" type="text/javascript" ></script>


<!--


-->


		<input type="text" id="startDate" name="startDate" size="10" value="" onFocus="showCalendar(this)" /><span class="datePatternHint"> (mm/dd/yyyy)</span>


										</td>
									</tr>
									<tr class="patientAddFlexibleRow">
										<td class="patientEmptyData"></td>
										<td class="patientAddFlexibleActions">
											<div id="actionNew" style="display:none;">
												<select id="actionSelectNew" onChange="handleStandardActionChangeNew();">
													<option value="">Choose an action...</option>
													<option value="add">Add to current regimen</option>
													<option value="discontinue">Add & Stop all current regimens</option>
													<option value="void">Add & Delete all current regimens</option>
												</select>
											</div>
										</td>
									</tr>
									<tr id="reasNew" style="display:none">
										<td class="patientRegimenReasonMsg">
												Reason:
										</td>
										<td class="patientRegimenReasonSelect">
												<select name="reasonNew" id="reasonNew"></select>
										</td>
									</tr>
									<tr class="patientAddFlexibleButtonRow">
										<td colspan="2" align="center" class="patientAddFlexibleButtonData">
											<span id="replaceNew" style="display:none"><input type="button" value="Add & Replace" onClick="addNewDrugOrder();"></span>
											<span id="addNew" style="display:none"><input type="button" value="Add" onClick="addNewDrugOrder();"></span>
											<span id="cancelNew" style="display:none"><input type="button" value="Cancel" onClick="cancelNewOrder();"></span>

										</td>
									</tr>
								</table>
								</form>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<br />
	<div id="regimenPortletCompleted">
		<div class="boxHeader">Completed Regimens</div>
		<div class="box">

			<div class='portlet' id='patientRegimenCompleted'>


		<div id="regimenPortletCompleted">
			<table class="regimenCompletedTable">
				<thead>
					<tr class="regimenCompletedHeaderRow">
						<th style="nowrap: true;" class="regimenCompletedDrugOrderedHeader"> Item ordered </th>
						<th class="regimenCompletedDrugDoseHeader"> Dose/Units </th>
						<th class="regimenCompletedDrugFrequencyHeader"> Frequency </th>
						<th class="regimenCompletedDrugDateStartHeader"> Start date </th>
						<th class="regimenCompletedDrugScheduledStopDateHeader"> Scheduled Stop Date </th>
						<th class="regimenCompletedDrugActualStopDateHeader"> Actual Stop Date </th>
						<th class="regimenCompletedDrugInstructionHeader"> Instructions </th>
						<th class="regimenCompletedDrugDiscontinuedReasonHeader"> Reason discontinued </th>

							<th> </th>

					</tr>
				</thead>


				<tbody id="regimenTableCompleted_header___other__">
					<tr class="regimenCompletedHeaderOtherRow">


								<td colspan="8" class="regimenCompletedOtherModeData"><table class="regimenCompletedOtherModeInnerTable"><tr class="regimenCompletedOtherModeInnerRow"><td class="regimenCompletedOtherModeInnerData">OTHER REGIMENS</td></tr></table></td>


					</tr>
				</tbody>
				<tbody id="regimenTableCompleted___other__">


							<tr class="regimenCompletedOtherRow">
								<td nowrap class="regimenCompletedOtherData">&nbsp;&nbsp;&nbsp;&nbsp;

										<a class="patientRegimenDrugName" href="/openmrs/admin/orders/orderDrug.form?orderId=1">Hydrochlorothiazide (HCTZ)</a>


								</td>
								<td class="regimenCompletedOtherDrugOrder" >20.0 mg</td>
								<td class="regimenCompletedOtherDrugFrequency">1/day x 7 days/week</td>
								<td class="regimenCompletedOtherStartDate">Sep 21, 2011</td>
								<td class="regimenCompletedOtherAutoExpireDate"></td>
								<td class="regimenCompletedOtherDiscontinuedDate">Oct 13, 2011</td>
								<td class="regimenCompletedOtherInstructions"></td>
								<td class="regimenCompletedOtherDiscontinuedReason">


progestin only contraceptive pill

								</td>

									<td class="regimenCompletedOtherModeData">
										<input id="voidbutton_1" type="button" value="Delete" onClick="showHideDiv('void_1');showHideDiv('voidbutton_1')" />
										<div id="void_1" style="display:none" class="dashedAndHighlighted">
											<form class="regimenCompletedReasonForm">
												Reason:
													<select name="void_1_reason" id="void_1_reason">
														<option value=""></option>
														<option value="DrugOrder.void.reason.dateError">Date error</option>
														<option value="DrugOrder.void.reason.error">Error</option>
														<option value="DrugOrder.void.reason.other">Other</option>
													</select>
												&nbsp;&nbsp;
												<input type="button" value="Delete" onClick="handleVoidCompletedDrugOrder('1', 'void_1_reason')" />
												<input type="button" value="Cancel" onClick="showHideDiv('void_1');showHideDiv('voidbutton_1')" />
											</form>
										</div>
									</td>

							</tr>


				</tbody>


			</table>
			<script>
				setPatientId("3");
				setDisplayDrugSetIds(",*");
				setRegimenMode("");
			</script>
		</div>

</div>

		</div>
	</div>


	<script>
		<!-- // begin

		var hasOrders = 1;
		//alert("hasOrders starting as " + hasOrders);

		function updateAddFields(drugFieldId, unitsFieldId, frequencyDayFieldId, frequencyWeekFieldId) {
			var drugId = dwr.util.getValue(drugFieldId);
			gUnitsFieldId = unitsFieldId;
			DWROrderService.getUnitsByDrugId(drugId, setUnitsField);
		}

		function setUnitsField(unitsText) {
			dwr.util.setValue(gUnitsFieldId + "Span", unitsText);
			dwr.util.setValue(gUnitsFieldId, unitsText);
			hideOtherStandards("New");
			showAppropriateActions("New");
		}

		function showAppropriateActions(codeName) {
			//alert("hasOrders is " + hasOrders + " in showAppropriateActions");
			if ( hasOrders > 0 ) {
				hideDiv('add' + codeName);
				showDiv('action' + codeName);
			} else {
				hideDiv('action' + codeName);
				dwr.util.setValue('actionSelect' + codeName, 'add');
				showDiv('add' + codeName);
			}
			showDiv('cancel' + codeName);
		}

		function cancelNewOrder() {
			blankAddNewOrder('drug', 'dose', 'units', 'frequencyDay', 'frequencyWeek', 'startDate');
			hideDiv("addNew");
			hideDiv("actionNew");
			hideDiv("reasNew");
			hideDiv("replaceNew");
			hideDiv("cancelNew");
			showHideOtherStandards("New");
		}


		function handleStandardActionChangeNew() {
			handleStandardActionChange("New");
		}

		function addNewDrugOrder() {
			var action = dwr.util.getValue('actionSelectNew');
			var reason = dwr.util.getValue('reasonNew');
			var startDate = dwr.util.getValue('startDate');
			var drugId = dwr.util.getValue('drug');
			var dose = dwr.util.getValue('dose');
			var units = dwr.util.getValue('units');
			var freqDay = dwr.util.getValue('frequencyDay');
			var freqWeek = dwr.util.getValue('frequencyWeek');
			if ( validateNewOrder(drugId, dose, units, freqDay, freqWeek, startDate) ) {
				dwr.util.setValue('actionSelectNew', '');
				dwr.util.setValue('reasonNew', '');
				if ( action == 'void' ) {
					DWROrderService.voidCurrentDrugOrders(3, reason, addNewComponent);
					showHideDiv('reasNew');
					showHideDiv('replaceNew');
				} else if ( action == 'discontinue' ) {
					DWROrderService.discontinueCurrentDrugOrders(3, reason, startDate, addNewComponent);
					showHideDiv('reasNew');
					showHideDiv('replaceNew');
				} else if ( action == 'add') {
					showHideDiv('addNew');
					addNewComponent();
				}
				hideDiv('cancelNew');
				hideDiv('actionNew');
				showHideOtherStandards("New");
			} else {
				if ( drugId == '' ) alert("You must choose a valid drug");
				else if ( dose == '' ) alert("You must supply a valid dose");
				else if ( units == '' ) alert("You must supply valid units");
				else if ( freqDay == '' ) alert("You must supply a valid daily and/or weekly frequency");
				else if ( freqWeek == '' ) alert("You must supply a valid daily and/or weekly frequency");
				else if ( startDate == '' ) alert("You must supply a valid start date");
			}
		}

		function validateNewOrder(drug, dose, units, freqDay, freqWeek, startDate) {
			if ( drug == '' || dose == '' || units == '' || freqDay == '' || freqWeek == '' || startDate == '' ) {
				return false;
			} else {
				return true;
			}
		}

		function addNewComponent() {
			handleAddDrugOrder(3, 'drug', 'dose', 'units', 'frequencyDay', 'frequencyWeek', 'startDate');
		}

		// end -->

	</script>
</div>
</div>

		</div>


		<div id="patientEncounters" style="display:none;">


			<div class='portlet' id='patientDashboardEncounters'>


<script src="/openmrs/scripts/easyAjax.js?v=1.8.2.21762" type="text/javascript" ></script>

<link href="/openmrs/scripts/jquery/dataTables/css/dataTables.css?v=1.8.2.21762" type="text/css" rel="stylesheet" />
<script src="/openmrs/scripts/jquery/dataTables/js/jquery.dataTables.min.js?v=1.8.2.21762" type="text/javascript" ></script>

<script src="/openmrs/scripts/jquery-ui/js/jquery-ui.custom.min.js?v=1.8.2.21762" type="text/javascript" ></script>
<link href="/openmrs/scripts/jquery-ui/css/redmond/jquery-ui.custom.css" type="text/css" rel="stylesheet" />


<div id="displayEncounterPopup">
	<div id="displayEncounterPopupLoading">Loading...</div>
	<iframe id="displayEncounterPopupIframe" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto"></iframe>
</div>

<script type="text/javascript">
	$j(document).ready(function() {
		$j('#displayEncounterPopup').dialog({
				title: 'dynamic',
				autoOpen: false,
				draggable: false,
				resizable: false,
				width: '95%',
				modal: true,
				open: function(a, b) { $j('#displayEncounterPopupLoading').show(); }
		});
	});

	function loadUrlIntoEncounterPopup(title, urlToLoad) {
		$j("#displayEncounterPopupIframe").attr("src", urlToLoad);
		$j('#displayEncounterPopup')
			.dialog('option', 'title', title)
			.dialog('option', 'height', $j(window).height() - 50)
			.dialog('open');
	}
</script>


<script type="text/javascript">
	$j(document).ready(function() {
		$j('#portlete02628900d954adf85eb4ed8448a5d4b #patientEncountersTable').dataTable({
			"sPaginationType": "two_button",
			"bAutoWidth": false,
			"bFilter": false,
			"aaSorting": [[3,'desc']], // perform first pass sort on initialisation on encounter.encounterDatetime column
			"iDisplayLength": 20,
			"aoColumns": [
				{ "bVisible": false, "sType": "numeric" },
				{ "bVisible": true, "iDataSort": 0 }, // sort this column by using the previous invisible column for encounterIds,
				{ "bVisible": true, "iDataSort": 0 }, // sort this column by using the first invisible column for encounterIds,
            	{ "iDataSort": 4 }, // sort the date in this column by using the next invisible column for time in milliseconds
            	{ "bVisible": false, "sType": "numeric" },
            	null,
            	null,
            	null,
            	null,
            	null
        	],
			"oLanguage": {
					"sLengthMenu": 'Show <select><option value="20">20</option><option value="50">50</option><option value="100">100</option></select> entries',
					"sZeroRecords": 'No Previous Encounters'
			}
		} );
		$j("#displayEncounterPopupIframe").load(function() { $j('#displayEncounterPopupLoading').hide(); });
	} );
</script>


<div id="portlete02628900d954adf85eb4ed8448a5d4b">
<div id="encounterPortlet">


		<div id="encounters">
			<div class="boxHeader">Encounters</div>
			<div class="box">
				<div>
					<table cellspacing="0" cellpadding="2" id="patientEncountersTable">
						<thead>
							<tr>
								<th class="hidden"> hidden Encounter id </th>
								<th class="encounterEdit" align="center">
									Edit
								</th>
								<th class="encounterView" align="center">
								 	View
								</th>
								<th class="encounterDatetimeHeader"> Encounter Date </th>
								<th class="hidden"> hidden Encounter.datetime </th>
								<th class="encounterTypeHeader"> Encounter Type     </th>
								<th class="encounterProviderHeader"> Provider </th>
								<th class="encounterFormHeader"> Form     </th>
								<th class="encounterLocationHeader"> Location </th>
								<th class="encounterEntererHeader"> Enterer  </th>
							</tr>
						</thead>
						<tbody>

								<tr class='evenRow'>
									<td class="hidden">

										18
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=18&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/15\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=18&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/15/2011
									</td>
									<td class="hidden">

										1318651200000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										19
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=19&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/15\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=19&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/15/2011
									</td>
									<td class="hidden">

										1318651200000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										20
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=20&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/15\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=20&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/15/2011
									</td>
									<td class="hidden">

										1318651200000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										21
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=21&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/15\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=21&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/15/2011
									</td>
									<td class="hidden">

										1318651200000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										17
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=17&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/14\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=17&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/14/2011
									</td>
									<td class="hidden">

										1318564800000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">testform3</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										16
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=16&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/13\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=16&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/13/2011
									</td>
									<td class="hidden">

										1318478400000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										15
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=15&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/13\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=15&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/13/2011
									</td>
									<td class="hidden">

										1318478400000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										14
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=14&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/13\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=14&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/13/2011
									</td>
									<td class="hidden">

										1318478400000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">jquery test</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										13
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=13&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/13\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=13&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/13/2011
									</td>
									<td class="hidden">

										1318478400000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">jquery test</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										12
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=12&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/13\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=12&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/13/2011
									</td>
									<td class="hidden">

										1318478400000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										6
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=6&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 09\/24\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=6&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										09/24/2011
									</td>
									<td class="hidden">

										1316836800000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">jquery test</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										7
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=7&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 09\/24\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=7&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										09/24/2011
									</td>
									<td class="hidden">

										1316836800000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">jquery test</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										10
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=10&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 09\/24\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=10&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										09/24/2011
									</td>
									<td class="hidden">

										1316836800000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">jquery test</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										4
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=4&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 09\/18\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=4&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										09/18/2011
									</td>
									<td class="hidden">

										1316318400000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">jquery test</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										3
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=3&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTINITIAL @BRMC | 09\/14\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=3&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										09/14/2011
									</td>
									<td class="hidden">

										1315972800000
									</td>
					 				<td class="encounterType">ADULTINITIAL</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Advanced Adult Return</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

						</tbody>
					</table>
				</div>
			</div>
		</div>


	<script src="/openmrs/dwr/interface/DWRObsService.js?v=1.8.2.21762" type="text/javascript" ></script>
	<script src="/openmrs/dwr/interface/DWRPatientService.js?v=1.8.2.21762" type="text/javascript" ></script>


	<script type="text/javascript">
		<!-- // begin


		function handleGetObservations(encounterId) {

			loadUrlIntoEncounterPopup('Test title', '/openmrs/admin/encounters/encounterDisplay.list?encounterId=' + encounterId);
		}


		function handleRefreshTable(id, data, func) {
			dwr.util.removeAllRows(id);
			dwr.util.addRows(id, data, func, {
				cellCreator:function(options) {
				    var td = document.createElement("td");
				    return td;
				},
				escapeHtml:false
			});
		}

		function showHideDiv(divId) {
			var div = document.getElementById(divId);
			if ( div ) {
				if (div.style.display != "") {
					div.style.display = "";
				} else {
					div.style.display = "none";
				}
			}
		}

		function handleAddObs(encounterField, conceptField, valueTextField, obsDateField) {
			var encounterId = dwr.util.getValue($(encounterField));
			var conceptId = dwr.util.getValue($(conceptField));
			var valueText = dwr.util.getValue($(valueTextField));
			var obsDate = dwr.util.getValue($(obsDateField));
			var patientId = 3;
			//alert("Adding obs for encounter (" + encounterId + "): " + conceptId + " = " + valueText + " " + obsDate);
			DWRObsService.createObs(patientId, encounterId, conceptId, valueText, obsDate);
			handleGetObservations(encounterId);
		}


		//refreshObsTable();

		// end -->

	</script>
</div>
</div>
</div>

		</div>


		<div id="patientDemographics" style="display:none;">


			<div class='portlet' id='patientDashboardDemographics'>


<div class="boxHeader">Patient</div>
<div class="box">
	<table class="personName">
		<thead>
			<tr class="patientDemographicsHeaderRow">
				<th class="patientDemographicsPersonNameHeader">Names</th>

			</tr>
		</thead>
		<tbody>
			<tr class="patientDemographicsRow">
				<td valign="top" class="patientDemographicsData" >


								<div class='portlet' id='namePortlet'>


					*


							John


							Doe


</div>


				</td>

			</tr>
		</tbody>
	</table>
</div>

<br/>

<div class="boxHeader">Addresses</div>
<div class="box">
	<table class="personAddress">
		<thead>
			<div class='portlet' id='addressPortlet'>


<script type="text/javascript">

    // The originally defined onSubmit function
    // We replace this with "return false;" until all errors are fixed
    var origOnSubmit = null;

    // to know if we have overwritten the onsubmit method already
    var overwrittenOnSubmit = false;

    /**
     * Validate the input format according to the regular expression.
     * If not valid, the background is highlighted and a formatting Hint is displayed.
     *
     * @param obj the input dom object
     * @param regex regular expression defined in the localized AddressTemplate in openmrs-servlet.xml
     * @param codeName the token.codeName (e.g.: "latitude")
     */
    function validateFormat(obj, regex, codeName) {
        var formatMsg = "formatMsg_" + codeName;
        var resultArray = obj.value.match(regex);
        var tips = document.getElementsByName(formatMsg);
        if (resultArray || obj.value == null || obj.value == "") {
            obj.style.background="";
            for (var i=0; i<tips.length; i++) {
                tips[i].style.display = "none";
            }
            if (overwrittenOnSubmit) {
            	// replace the parent form's onsubmit with the one
            	// we saved because we put in a temporary "return false" in the onsubmit
            	obj.form.onsubmit = origOnSubmit;
            	origOnSubmit = null;
        		overwrittenOnSubmit = false;
            }
        }
        else {
            obj.style.background="yellow";
            for (var i=0; i<tips.length; i++) {
                tips[i].style.display = "";
            }

            if (!overwrittenOnSubmit) {
        		// this is the first time there was an error, save the current
        		// onSubmit for the form and replace it with a popup error msg
        		origOnSubmit = obj.form.onsubmit;
        		obj.form.onsubmit = function() { alert('Please fix all errors and try again.'); return false; };
        		overwrittenOnSubmit = true;
        	}
        }

    }

</script>


				<th></th>


						<th>Address</th>


						<th>Address 2</th>


						<th>City/Village</th>


						<th>State/Province</th>


						<th>Country</th>


						<th>Postal Code</th>


						<th>Latitude</th>


						<th>Longitude</th>


</div>
		</thead>
		<tbody>


					<div class='portlet' id='addressPortlet'>


<script type="text/javascript">

    // The originally defined onSubmit function
    // We replace this with "return false;" until all errors are fixed
    var origOnSubmit = null;

    // to know if we have overwritten the onsubmit method already
    var overwrittenOnSubmit = false;

    /**
     * Validate the input format according to the regular expression.
     * If not valid, the background is highlighted and a formatting Hint is displayed.
     *
     * @param obj the input dom object
     * @param regex regular expression defined in the localized AddressTemplate in openmrs-servlet.xml
     * @param codeName the token.codeName (e.g.: "latitude")
     */
    function validateFormat(obj, regex, codeName) {
        var formatMsg = "formatMsg_" + codeName;
        var resultArray = obj.value.match(regex);
        var tips = document.getElementsByName(formatMsg);
        if (resultArray || obj.value == null || obj.value == "") {
            obj.style.background="";
            for (var i=0; i<tips.length; i++) {
                tips[i].style.display = "none";
            }
            if (overwrittenOnSubmit) {
            	// replace the parent form's onsubmit with the one
            	// we saved because we put in a temporary "return false" in the onsubmit
            	obj.form.onsubmit = origOnSubmit;
            	origOnSubmit = null;
        		overwrittenOnSubmit = false;
            }
        }
        else {
            obj.style.background="yellow";
            for (var i=0; i<tips.length; i++) {
                tips[i].style.display = "";
            }

            if (!overwrittenOnSubmit) {
        		// this is the first time there was an error, save the current
        		// onSubmit for the form and replace it with a popup error msg
        		origOnSubmit = obj.form.onsubmit;
        		obj.form.onsubmit = function() { alert('Please fix all errors and try again.'); return false; };
        		overwrittenOnSubmit = true;
        	}
        }

    }

</script>


			<tr>

					<td>

							*

					</td>


							<td>


							</td>


							<td>


							</td>


							<td>


							</td>


							<td>


							</td>


							<td>


							</td>


							<td>


							</td>


							<td>


							</td>


							<td>


							</td>


			</tr>


</div>


		</tbody>
	</table>
</div>

<br/>
<br/>

<div id="patientDemographicsEdit">

		<a href="/openmrs/admin/patients/patient.form?patientId=3">Edit this Patient</a> |
		<a href="/openmrs/admin/patients/shortPatientForm.form?patientId=3">Edit this Patient (Short Form)</a><br /><br />


</div>
</div>

		</div>


		<div id="patientGraphs" style="display:none;">


			<div class='portlet' id='patientGraphsPortlet'>


<script src="/openmrs/scripts/flot/jquery.flot.js?v=1.8.2.21762" type="text/javascript" ></script>
<script src="/openmrs/scripts/flot/jquery.flot.multiple.threshold.js?v=1.8.2.21762" type="text/javascript" ></script>

<style>
table#labTestTable {
	border: 2px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 2px;
}

table#labTestTable td {
	border: 1px solid black;
	padding: 3px;
}

table#labTestTable th {
	border: 1px solid black;
	padding: 3px;
}
</style>


	<div class="boxHeader">Graphs</div>
	<div class="box">
		<table width="100%">
			<tr>
				<td align="center">

						<div style="width: 750px; overflow: auto; border: 1px solid black;">
							<table id="labTestTable"><tr><th></th><th>09/14/2011</th><th>09/18/2011</th><th>09/24/2011</th><th>10/15/2011</th><tr><th><a href="admin/observations/personObs.form?personId=3&conceptId=887">GLU</a></th><td align="center">130.0<br/></td><td align="center">140.0<br/></td><td align="center">80.0<br/></td><td align="center">111.0<br/></td></tr><tr><th><a href="admin/observations/personObs.form?personId=3&conceptId=5085">SBP</a></th><td align="center">90.0<br/></td><td align="center">85.0<br/></td><td align="center">80.0<br/></td><td align="center">150.0<br/></td></tr><tr><th><a href="admin/observations/personObs.form?personId=3&conceptId=5086">DBP</a></th><td align="center">135.0<br/></td><td align="center">138.0<br/></td><td align="center">120.0<br/></td><td align="center">90.0<br/></td></tr></table>

						</div>

				</td>
			</tr>


					<tr>
						<td>
						<div>
						<div  style="margin: 0pt auto; height: 300px; width: 600px; align: center" align="center" id="conceptBox-887">Loading...</div>
						<div align="center">
						<div style="width: 750px; overflow: auto; border: 1px solid black;">

						<table id="labTestTable"><tr><th></th><th>09/14/2011</th><th>09/18/2011</th><th>09/24/2011</th><th>10/15/2011</th><tr><th><a href="admin/observations/personObs.form?personId=3&conceptId=887">GLU</a></th><td align="center">130.0<br/></td><td align="center">140.0<br/></td><td align="center">80.0<br/></td><td align="center">111.0<br/></td></tr></table>

						</div>
						<div align="center" valign="top" style="font-size: .9em"><a
							href="?patientId=3&patientGraphConceptRemove=true&patientGraphConcept=887">Remove</a> <br />
						<br />
						</div>

						</div>


						</div>
						</td>
					</tr>
					<tr>
						<td><br />
						<hr />
						<br />
						</td>
					</tr>


					<tr>
						<td>
						<div>
						<div  style="margin: 0pt auto; height: 300px; width: 600px; align: center" align="center" id="conceptBox-5085">Loading...</div>
						<div align="center">
						<div style="width: 750px; overflow: auto; border: 1px solid black;">

						<table id="labTestTable"><tr><th></th><th>09/14/2011</th><th>09/18/2011</th><th>09/24/2011</th><th>10/15/2011</th><tr><th><a href="admin/observations/personObs.form?personId=3&conceptId=5085">SBP</a></th><td align="center">90.0<br/></td><td align="center">85.0<br/></td><td align="center">80.0<br/></td><td align="center">150.0<br/></td></tr></table>

						</div>
						<div align="center" valign="top" style="font-size: .9em"><a
							href="?patientId=3&patientGraphConceptRemove=true&patientGraphConcept=5085">Remove</a> <br />
						<br />
						</div>

						</div>


						</div>
						</td>
					</tr>
					<tr>
						<td><br />
						<hr />
						<br />
						</td>
					</tr>


					<tr>
						<td>
						<div>
						<div  style="margin: 0pt auto; height: 300px; width: 600px; align: center" align="center" id="conceptBox-5086">Loading...</div>
						<div align="center">
						<div style="width: 750px; overflow: auto; border: 1px solid black;">

						<table id="labTestTable"><tr><th></th><th>09/14/2011</th><th>09/18/2011</th><th>09/24/2011</th><th>10/15/2011</th><tr><th><a href="admin/observations/personObs.form?personId=3&conceptId=5086">DBP</a></th><td align="center">135.0<br/></td><td align="center">138.0<br/></td><td align="center">120.0<br/></td><td align="center">90.0<br/></td></tr></table>

						</div>
						<div align="center" valign="top" style="font-size: .9em"><a
							href="?patientId=3&patientGraphConceptRemove=true&patientGraphConcept=5086">Remove</a> <br />
						<br />
						</div>

						</div>


						</div>
						</td>
					</tr>
					<tr>
						<td><br />
						<hr />
						<br />
						</td>
					</tr>


			<tr>
				<td>
					Add New Graph:<br />
					Find Concept(s)


<script src="/openmrs/dwr/interface/DWRConceptService.js?v=1.8.2.21762" type="text/javascript" ></script>
<script src="/openmrs/scripts/jquery/autocomplete/OpenmrsAutoComplete.js?v=1.8.2.21762" type="text/javascript" ></script>


<script type="text/javascript">

	$j(document).ready( function() {

		var includeC = "".split(",");
		var excludeC = "".split(",");
		var includeD = "Numeric".split(",");
		var excludeD = "N/A".split(",");

		// the typical callback
		var callback = new CreateCallback({includeClasses:includeC, excludeClasses:excludeC, includeDatatypes:includeD, excludeDatatypes:excludeD}).conceptCallback();


		// set up the autocomplete
		new AutoComplete("conceptId_selection", callback, {
			select: function(event, ui) {
				funcconceptAutoCompleteOnSelect(ui.item.object, ui.item);
			}
		});


	})

	function funcconceptAutoCompleteOnSelect(concept, item) {
		jquerySelectEscaped('conceptId').val(concept.conceptId);

		// if called with initialValue, show the name ourselves
		if (!item)
			jquerySelectEscaped('conceptId_selection').val(concept.name);


		if (concept) {
			// only call the onSelect if we got back a true object
			onConceptSelect(concept);
		}

	}
</script>

<input type="text" id="conceptId_selection" />
<input type="hidden" name="concept" id="conceptId" />
<input type="text" name="concept_other" id="conceptId_other" style="display:none" value=""/>
						<script type="text/javascript">
						function onConceptSelect(concept) {
							document.location="?patientId=3&patientGraphConcept=" + concept.conceptId;
						}
						</script>
				</td>
			</tr>
		</table>
	</div>

	<script type="text/javascript">
		function loadGraphs() {


					$j.getJSON("patientGraphJson.form?patientId=3&conceptId=887", function(json){
						  $j.plot($j('#conceptBox-887'),
						  [
						  {
						  	data:json.data,lines:{show:true},color:"rgb(0,0,0)",
						  	constraints:
						  	[
						  	{
                           	    threshold: {above:json.normal.high},
                           	    color: "rgb(255,126,0)"
                          	},
                          	{
                           	    threshold: {below:json.normal.low},
                           	    color: "rgb(255,126,0)"
                          	},
                          	{
                           	    threshold: {above:json.absolute.high},
                           	    color: "rgb(20,20,20)"
                          	},
                          	{
                           	    threshold: {below:json.absolute.low},
                           	    color: "rgb(20,20,20)"
                          	},
                          	{
                           	    threshold: {above:json.critical.high},
                           	    color: "rgb(200,0,0)"
                          	},
                          	{
                           	    threshold: {below:json.critical.low},
                           	    color: "rgb(200,0,0)"
                          	}
                          	]
                          	}],
                          	{
								xaxis: {
										mode: "time",minTickSize: [1, "month"]
										},
								yaxis: {
										min: findMaxAndMin(json.data).min-10, max: findMaxAndMin(json.data).max+10
						  				}
							}
                          );

							function findMaxAndMin(dataset) {
								if(undefined == dataset)return undefined;
								var arr = [];
								for( var i=0;i<dataset.length;i++){
								   arr[i] = dataset[i][1];
								}
								arr.sort(function(p1,p2){return p1-p2});
								return { min:arr[0],max:arr[arr.length-1]};
							}
					}
					);


					$j.getJSON("patientGraphJson.form?patientId=3&conceptId=5085", function(json){
						  $j.plot($j('#conceptBox-5085'),
						  [
						  {
						  	data:json.data,lines:{show:true},color:"rgb(0,0,0)",
						  	constraints:
						  	[
						  	{
                           	    threshold: {above:json.normal.high},
                           	    color: "rgb(255,126,0)"
                          	},
                          	{
                           	    threshold: {below:json.normal.low},
                           	    color: "rgb(255,126,0)"
                          	},
                          	{
                           	    threshold: {above:json.absolute.high},
                           	    color: "rgb(20,20,20)"
                          	},
                          	{
                           	    threshold: {below:json.absolute.low},
                           	    color: "rgb(20,20,20)"
                          	},
                          	{
                           	    threshold: {above:json.critical.high},
                           	    color: "rgb(200,0,0)"
                          	},
                          	{
                           	    threshold: {below:json.critical.low},
                           	    color: "rgb(200,0,0)"
                          	}
                          	]
                          	}],
                          	{
								xaxis: {
										mode: "time",minTickSize: [1, "month"]
										},
								yaxis: {
										min: findMaxAndMin(json.data).min-10, max: findMaxAndMin(json.data).max+10
						  				}
							}
                          );

							function findMaxAndMin(dataset) {
								if(undefined == dataset)return undefined;
								var arr = [];
								for( var i=0;i<dataset.length;i++){
								   arr[i] = dataset[i][1];
								}
								arr.sort(function(p1,p2){return p1-p2});
								return { min:arr[0],max:arr[arr.length-1]};
							}
					}
					);


					$j.getJSON("patientGraphJson.form?patientId=3&conceptId=5086", function(json){
						  $j.plot($j('#conceptBox-5086'),
						  [
						  {
						  	data:json.data,lines:{show:true},color:"rgb(0,0,0)",
						  	constraints:
						  	[
						  	{
                           	    threshold: {above:json.normal.high},
                           	    color: "rgb(255,126,0)"
                          	},
                          	{
                           	    threshold: {below:json.normal.low},
                           	    color: "rgb(255,126,0)"
                          	},
                          	{
                           	    threshold: {above:json.absolute.high},
                           	    color: "rgb(20,20,20)"
                          	},
                          	{
                           	    threshold: {below:json.absolute.low},
                           	    color: "rgb(20,20,20)"
                          	},
                          	{
                           	    threshold: {above:json.critical.high},
                           	    color: "rgb(200,0,0)"
                          	},
                          	{
                           	    threshold: {below:json.critical.low},
                           	    color: "rgb(200,0,0)"
                          	}
                          	]
                          	}],
                          	{
								xaxis: {
										mode: "time",minTickSize: [1, "month"]
										},
								yaxis: {
										min: findMaxAndMin(json.data).min-10, max: findMaxAndMin(json.data).max+10
						  				}
							}
                          );

							function findMaxAndMin(dataset) {
								if(undefined == dataset)return undefined;
								var arr = [];
								for( var i=0;i<dataset.length;i++){
								   arr[i] = dataset[i][1];
								}
								arr.sort(function(p1,p2){return p1-p2});
								return { min:arr[0],max:arr[arr.length-1]};
							}
					}
					);


		}
		window.setTimeout(loadGraphs, 1000);
	</script>
	</div>

		</div>


			<div id="formEntry" style="display:none;">


				<div class='portlet' id='formEntryPortlet'>


<style type="text/css">
	.EncounterTypeClass {
		color: lightgrey;
	}
</style>


		<div class='portlet' id='patientDashboardEncounters'>


<link href="/openmrs/scripts/jquery-ui/css/redmond/jquery-ui.custom.css" type="text/css" rel="stylesheet" />


<div id="displayEncounterPopup">
	<div id="displayEncounterPopupLoading">Loading...</div>
	<iframe id="displayEncounterPopupIframe" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto"></iframe>
</div>

<script type="text/javascript">
	$j(document).ready(function() {
		$j('#displayEncounterPopup').dialog({
				title: 'dynamic',
				autoOpen: false,
				draggable: false,
				resizable: false,
				width: '95%',
				modal: true,
				open: function(a, b) { $j('#displayEncounterPopupLoading').show(); }
		});
	});

	function loadUrlIntoEncounterPopup(title, urlToLoad) {
		$j("#displayEncounterPopupIframe").attr("src", urlToLoad);
		$j('#displayEncounterPopup')
			.dialog('option', 'title', title)
			.dialog('option', 'height', $j(window).height() - 50)
			.dialog('open');
	}
</script>


<div id="portletd5d3b50a589c46e28b918acbcc3542e5">
<div id="encounterPortlet">


		<div id="encounters">
			<div class="boxHeader">Last Three Encounters</div>
			<div class="box">
				<div>
					<table cellspacing="0" cellpadding="2" id="patientEncountersTable">
						<thead>
							<tr>
								<th class="hidden"> hidden Encounter id </th>
								<th class="encounterEdit" align="center">
									Edit
								</th>
								<th class="encounterView" align="center">
								 	View
								</th>
								<th class="encounterDatetimeHeader"> Encounter Date </th>
								<th class="hidden"> hidden Encounter.datetime </th>
								<th class="encounterTypeHeader"> Encounter Type     </th>
								<th class="encounterProviderHeader"> Provider </th>
								<th class="encounterFormHeader"> Form     </th>
								<th class="encounterLocationHeader"> Location </th>
								<th class="encounterEntererHeader"> Enterer  </th>
							</tr>
						</thead>
						<tbody>

								<tr class='evenRow'>
									<td class="hidden">

										18
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=18&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/15\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=18&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/15/2011
									</td>
									<td class="hidden">

										1318651200000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										19
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=19&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/15\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=19&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/15/2011
									</td>
									<td class="hidden">

										1318651200000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

								<tr class='evenRow'>
									<td class="hidden">

										20
									</td>
									<td class="encounterEdit" align="center">


												<a href="module/htmlformentry/htmlFormEntry.form?encounterId=20&mode=EDIT">
													<img src="/openmrs/images/edit.gif" title="Edit" border="0" />
												</a>


									</td>
									<td class="encounterView" align="center">


											<a href="javascript:void(0)" onClick="loadUrlIntoEncounterPopup('ADULTRETURN @BRMC | 10\/15\/2011 | Michael Anthony Morris', 'module/htmlformentry/htmlFormEntry.form?encounterId=20&inPopup=true'); return false;">
												<img src="/openmrs/images/file.gif" title="View" border="0" />
											</a>

									</td>
									<td class="encounterDatetime">
										10/15/2011
									</td>
									<td class="hidden">

										1318651200000
									</td>
					 				<td class="encounterType">ADULTRETURN</td>
					 				<td class="encounterProvider">Michael Anthony Morris</td>
					 				<td class="encounterForm">Student Adult Return Form</td>
					 				<td class="encounterLocation">BRMC</td>
					 				<td class="encounterEnterer">Michael Anthony Morris</td>
								</tr>

						</tbody>
					</table>
				</div>
			</div>
		</div>


			<script type="text/javascript">
				// hide the columns in the above table if datatable isn't doing it already
				$j(".hidden").hide();
			</script>


	<script type="text/javascript">
		<!-- // begin


		function handleGetObservations(encounterId) {

			loadUrlIntoEncounterPopup('Test title', '/openmrs/admin/encounters/encounterDisplay.list?encounterId=' + encounterId);
		}


		function handleRefreshTable(id, data, func) {
			dwr.util.removeAllRows(id);
			dwr.util.addRows(id, data, func, {
				cellCreator:function(options) {
				    var td = document.createElement("td");
				    return td;
				},
				escapeHtml:false
			});
		}

		function showHideDiv(divId) {
			var div = document.getElementById(divId);
			if ( div ) {
				if (div.style.display != "") {
					div.style.display = "";
				} else {
					div.style.display = "none";
				}
			}
		}

		function handleAddObs(encounterField, conceptField, valueTextField, obsDateField) {
			var encounterId = dwr.util.getValue($(encounterField));
			var conceptId = dwr.util.getValue($(conceptField));
			var valueText = dwr.util.getValue($(valueTextField));
			var obsDate = dwr.util.getValue($(obsDateField));
			var patientId = 3;
			//alert("Adding obs for encounter (" + encounterId + "): " + conceptId + " = " + valueText + " " + obsDate);
			DWRObsService.createObs(patientId, encounterId, conceptId, valueText, obsDate);
			handleGetObservations(encounterId);
		}


		//refreshObsTable();

		// end -->

	</script>
</div>
</div>
</div>
		<br/>


	<div class="boxHeader">Enter Form</div>
	<div class="box">


	<script type="text/javascript">

		var showRetiredFormsForEntrypatientDashboardEncounters = false;
		$j.fn.dataTableExt.afnFiltering.push(
			function( oSettings, aData, iDataIndex ) {
				if (oSettings.sTableId != 'formEntryTablepatientDashboardEncounters')
					return true;
				else
					return showRetiredFormsForEntrypatientDashboardEncounters || aData[4] == 'false';
			}
		);

		$j(document).ready(function() {
			/* the parent selector here only only allows one datatable call per formEntryTable.
			   without that selector, the .dialog() call for the popup was calling this twice */
			var oTablepatientDashboardEncounters = $j("#formEntryTableParentpatientDashboardEncounters > #formEntryTablepatientDashboardEncounters").dataTable({
				"bPaginate": false,
				"bAutoWidth": false,
				"aaSorting": [[0, 'asc']],
				"aoColumns":
					[
						{ "iDataSort": 1 },
						{ "bVisible": false, "sType": "numeric" },
						null,
						{ "sClass": "EncounterTypeClass" },
						{ "bVisible": false }
					]
			});
			oTablepatientDashboardEncounters.fnDraw();


			$j('#showRetiredpatientDashboardEncounters').click(function() {
				showRetiredFormsForEntrypatientDashboardEncounters = this.checked;
				oTablepatientDashboardEncounters.fnDraw();
			});


			$j('#handleForShowRetiredpatientDashboardEncounters').appendTo($j('#formEntryTablepatientDashboardEncounters_filter'));
		});

		function startDownloading() {

		}

		function goBackToPatientSearch() {
			document.location='findPatient.htm';
		}
	</script>
	<div id="formEntryTableParentpatientDashboardEncounters">
	<span id="handleForShowRetiredpatientDashboardEncounters">
		&nbsp;&nbsp;&nbsp;&nbsp;
		<input type="checkbox" id="showRetiredpatientDashboardEncounters"/> Include Retired
	</span>
	<table id="formEntryTablepatientDashboardEncounters" cellspacing="0" cellpadding="3">
		<thead>
			<tr>
				<th>Name</th>
				<th><!-- Hidden column for sorting previous column --></th>
				<th>Version</th>
				<th class="EncounterTypeClass">Encounter Type</th>
				<th><!-- Hidden column for retired --></th>
			</tr>
		</thead>
		<tbody>


					<tr>
						<td>
							<a href="module/htmlformentry/htmlFormEntry.form?personId=3&patientId=3&returnUrl=&formId=2" onclick="startDownloading();">Advanced Adult Return</a>
						</td>
						<td>
							1
						</td>
						<td>
							1.5

						</td>
						<td>
							ADULTINITIAL
						</td>
						<td>false</td>
					</tr>


					<tr>
						<td>
							<a href="module/htmlformentry/htmlFormEntry.form?personId=3&patientId=3&returnUrl=&formId=5" onclick="startDownloading();">jquery test</a>
						</td>
						<td>
							2
						</td>
						<td>
							1
							<i>(Unpublished)</i>
						</td>
						<td>
							ADULTRETURN
						</td>
						<td>false</td>
					</tr>


					<tr>
						<td>
							<a href="module/htmlformentry/htmlFormEntry.form?personId=3&patientId=3&returnUrl=&formId=6" onclick="startDownloading();">ROS Test</a>
						</td>
						<td>
							3
						</td>
						<td>
							1
							<i>(Unpublished)</i>
						</td>
						<td>
							ADULTRETURN
						</td>
						<td>false</td>
					</tr>


					<tr>
						<td>
							<a href="module/htmlformentry/htmlFormEntry.form?personId=3&patientId=3&returnUrl=&formId=10" onclick="startDownloading();">Student Adult Initial Form</a>
						</td>
						<td>
							4
						</td>
						<td>
							1.0

						</td>
						<td>
							ADULTINITIAL
						</td>
						<td>false</td>
					</tr>


					<tr>
						<td>
							<a href="module/htmlformentry/htmlFormEntry.form?personId=3&patientId=3&returnUrl=&formId=8" onclick="startDownloading();">Student Adult Return Form</a>
						</td>
						<td>
							5
						</td>
						<td>
							1.2

						</td>
						<td>
							ADULTRETURN
						</td>
						<td>false</td>
					</tr>


					<tr>
						<td>
							<a href="module/htmlformentry/htmlFormEntry.form?personId=3&patientId=3&returnUrl=&formId=7" onclick="startDownloading();">testform3</a>
						</td>
						<td>
							6
						</td>
						<td>
							1.0
							<i>(Unpublished)</i>
						</td>
						<td>
							ADULTRETURN
						</td>
						<td>false</td>
					</tr>


					<tr>
						<td>
							<a href="module/htmlformentry/htmlFormEntry.form?personId=3&patientId=3&returnUrl=&formId=9" onclick="startDownloading();">yangstest</a>
						</td>
						<td>
							7
						</td>
						<td>
							1
							<i>(Unpublished)</i>
						</td>
						<td>
							ADULTRETURN
						</td>
						<td>false</td>
					</tr>


		</tbody>
	</table>
	</div>


	</div>
</div>

			</div>


			<div id="patientImageForm" style="display:none;">


							<div class='portlet' id='patientimage.patientImageForm'>
<link type="text/css" media="screen" rel="stylesheet" href="/openmrs/moduleResources/patientimage/css/colorbox.css" />
<link type="text/css" rel="stylesheet" href="/openmrs/moduleResources/patientimage/css/patientimage.css" />

<script type="text/javascript" src="/openmrs/moduleResources/patientimage/scripts/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="/openmrs/moduleResources/patientimage/scripts/patientimage.js"></script>

<h2><spring:message code="patientimage.link.name" /></h2>
<br/>
<div>
    <table align="center">
        <tr>
            <td style="position: relative">
                <b class="boxHeader imageHeader">Patient Image
                    <a href="javascript: showImagePopup()" id="editImage" style="float:right;"><img src="images/add.gif"/></a>
                </b>
                <div class="box imageBox" id="imageBox" style="cursor: pointer" onclick="showImagePopup()">


                            <img alt="" id="patientimg" src="/openmrs/moduleResources/patientimage/images/M.png" />
                            <div class="textOverlay">No Image Available</div>


                </div>
            </td>
            <td style="position: fixed;" valign="top">
                <table id="popup" style="border:1px solid #8FABC7; display: none">
                    <tr><td style="background: #8FABC7; color: white">Add/Edit Image</td></tr>
                    <tr><td><a class='addImage' href="/openmrs/module/patientimage/addImage.htm?identifier=3">Upload Patient Image</a></td></tr>
                    <tr><td><a class='takePhoto' href="/openmrs/module/patientimage/takePhoto.htm?identifier=3">Take Photo (requires Webcam)</a></td></tr>
                </table>
            </td>
        </tr>
    </table>
</div></div>


			</div>


</div>


				<br/>
		</div>
	</div>

	<div id="footer">
		<div id="footerInner">

			<span id="localeOptions">


					<a href="?patientId=3&amp;phrase=john&amp;lang=en_GB">English (United Kingdom)</a>


					|
					English (United States)


					|

					<a href="?patientId=3&amp;phrase=john&amp;lang=pt">português</a>


					|

					<a href="?patientId=3&amp;phrase=john&amp;lang=it">italiano</a>


					|

					<a href="?patientId=3&amp;phrase=john&amp;lang=fr">français</a>


					|

					<a href="?patientId=3&amp;phrase=john&amp;lang=es">español</a>

			</span>

			<span id="buildDate">Last Build: Jul 20 2011 05:21 PM</span>

			<span id="codeVersion">Version: 1.8.2  Build 21762</span>

			<span id="poweredBy"><a href="http://openmrs.org">Powered by OpenMRS <img border="0" align="top" src="/openmrs/images/openmrs_logo_tiny.png"/></a></span>
		</div>
	</div>

</body>
</html>