<cfparam name="request.display" default= "0">

<cfif request.display EQ 1 >
	<div id="Tinettidiv" class="modal fade bs-modal-lg" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: 95%; max-width: 1200px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h3 class="modal-title" style="text-align: center; width: 100%;">
						<strong style="font-size: 18px;">TINETTI BALANCE & GAIT ASSESSMENT</strong>
					</h3>
				</div>
				<div class="modal-body" style="padding: 15px;">
					<div style="text-align: center; margin-bottom: 15px; font-size: 12px;">
						For both assessments, enter the date of each exam and circle your rating for each item. Indicate totals at the bottom of each section.
					</div>
					
					<div class="row" style="margin: 0;">
						<!-- LEFT SECTION: BALANCE ASSESSMENT -->
						<div class="col-md-6" style="border-right: 2px solid #000; padding-right: 15px;">
							<div style="font-weight: bold; font-size: 14px; margin-bottom: 10px;">BALANCE ASSESSMENT</div>
							<div style="font-size: 11px; margin-bottom: 10px;">To perform this assessment, seat the patient in a hard, armless chair.</div>
							
							<table style="width: 100%; border-collapse: collapse; font-size: 11px; margin-bottom: 15px;">
								<thead>
									<tr>
										<th style="border: 1px solid #000; padding: 5px; text-align: left; width: 30%;">Evaluated Function</th>
										<th style="border: 1px solid #000; padding: 5px; text-align: left; width: 45%;">Description of Behavior</th>
										<th style="border: 1px solid #000; padding: 5px; text-align: center; width: 12.5%;">Date:</th>
									</tr>
								</thead>
								<tbody>
									<!-- Sitting Balance -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="2">Sitting Balance</td>
										<td style="border: 1px solid #000; padding: 5px;">Leans or slides in chair</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_sitting_1_0" name="tinetti_sitting_1" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_sitting_1_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Steady, safe</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_sitting_1_1" name="tinetti_sitting_1" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_sitting_1_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									
									<!-- Rises From Chair -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Rises From Chair</td>
										<td style="border: 1px solid #000; padding: 5px;">Unable to rise without help</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_rises_0" name="tinetti_rises" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_rises_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Able to rise using arms to help</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_rises_1" name="tinetti_rises" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_rises_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Able to rise without using arms to help</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_rises_2" name="tinetti_rises" class="md-radiobtn" value="2" style="margin: 0 3px;"><label for="tinetti_rises_2"><span></span><span class="check"></span><span class="box"></span>2</label></div></td>
									</tr>
									
									<!-- Attempts To Rise -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Attempts To Rise</td>
										<td style="border: 1px solid #000; padding: 5px;">Unable to rise without help</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_attempts_0" name="tinetti_attempts" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_attempts_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Able to rise, requires more than one attempt</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_attempts_1" name="tinetti_attempts" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_attempts_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Able to rise, requires one attempt</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_attempts_2" name="tinetti_attempts" class="md-radiobtn" value="2" style="margin: 0 3px;"><label for="tinetti_attempts_2"><span></span><span class="check"></span><span class="box"></span>2</label></div></td>
									</tr>
									
									<!-- Standing Balance (1st 5 Seconds) -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Standing Balance (1st 5 Seconds)</td>
										<td style="border: 1px solid #000; padding: 5px;">Unsteady (staggers, moves feet, trunk sways)</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_standing5s_0" name="tinetti_standing5s" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_standing5s_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Steady, but uses walker or other support</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_standing5s_1" name="tinetti_standing5s" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_standing5s_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Steady without walker or other support</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_standing5s_2" name="tinetti_standing5s" class="md-radiobtn" value="2" style="margin: 0 3px;"><label for="tinetti_standing5s_2"><span></span><span class="check"></span><span class="box"></span>2</label></div></td>
									</tr>
									
									<!-- Standing Balance (general) -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Standing Balance (general)</td>
										<td style="border: 1px solid #000; padding: 5px;">Unsteady</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_standing_gen_0" name="tinetti_standing_gen" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_standing_gen_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Steady, but with wide stance and uses support</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_standing_gen_1" name="tinetti_standing_gen" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_standing_gen_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Narrow stance without support</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_standing_gen_2" name="tinetti_standing_gen" class="md-radiobtn" value="2" style="margin: 0 3px;"><label for="tinetti_standing_gen_2"><span></span><span class="check"></span><span class="box"></span>2</label></div></td>
									</tr>
									
									<!-- Nudged -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Nudged</td>
										<td style="border: 1px solid #000; padding: 5px;">Begins to fall</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_nudged_0" name="tinetti_nudged" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_nudged_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Staggers, grabs, catches self</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_nudged_1" name="tinetti_nudged" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_nudged_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Steady</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_nudged_2" name="tinetti_nudged" class="md-radiobtn" value="2" style="margin: 0 3px;"><label for="tinetti_nudged_2"><span></span><span class="check"></span><span class="box"></span>2</label></div></td>
									</tr>
									
									<!-- Eyes Closed -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="2">Eyes Closed</td>
										<td style="border: 1px solid #000; padding: 5px;">Unsteady</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_eyes_closed_0" name="tinetti_eyes_closed" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_eyes_closed_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Steady</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_eyes_closed_1" name="tinetti_eyes_closed" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_eyes_closed_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									
									<!-- Turning 360 Degrees -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="4">Turning 360 Degrees</td>
										<td style="border: 1px solid #000; padding: 5px;">Discontinuous steps</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_turning360_0" name="tinetti_turning360" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_turning360_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Continuous steps</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_turning360_1" name="tinetti_turning360" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_turning360_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Unsteady (grabs, staggers)</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_turning360_unsteady_0" name="tinetti_turning360_unsteady" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_turning360_unsteady_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Steady</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_turning360_unsteady_1" name="tinetti_turning360_unsteady" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_turning360_unsteady_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									
									<!-- Sitting Down -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Sitting Down (Getting Seated)</td>
										<td style="border: 1px solid #000; padding: 5px;">Unsafe (misjudged distance, falls into chair)</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_sitting_down_0" name="tinetti_sitting_down" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_sitting_down_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Uses arms or not a smooth motion</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_sitting_down_1" name="tinetti_sitting_down" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_sitting_down_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Safe, smooth motion</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_sitting_down_2" name="tinetti_sitting_down" class="md-radiobtn" value="2" style="margin: 0 3px;"><label for="tinetti_sitting_down_2"><span></span><span class="check"></span><span class="box"></span>2</label></div></td>
									</tr>
								</tbody>
							</table>
							
							<!-- Balance Score Section -->
							<div style="text-align: center; margin-top: 10px;">
								<div style="font-weight: bold; margin-bottom: 5px;">Balance Score</div>
								<div style="text-align: left; font-size: 11px; margin-bottom: 5px;">Potential Points: 16</div>
								<div style="display: inline-block; margin: 0 10px;">
									<input type="text" id="balance_score" name="balance_score" style="width: 60px; text-align: center; border: 1px solid #000; padding: 3px;" readonly>
								</div>
							</div>
						</div>
						
						<!-- RIGHT SECTION: GAIT ASSESSMENT -->
						<div class="col-md-6" style="padding-left: 15px;">
							<div style="font-weight: bold; font-size: 14px; margin-bottom: 10px;">GAIT ASSESSMENT</div>
							<div style="font-size: 11px; margin-bottom: 10px;">Stand with the patient. Walk across the room (+/- aids) at a usual pace, then rapidly</div>
							
							<table style="width: 100%; border-collapse: collapse; font-size: 11px; margin-bottom: 15px;">
								<thead>
									<tr>
										<th style="border: 1px solid #000; padding: 5px; text-align: left; width: 30%;">Evaluated Function</th>
										<th style="border: 1px solid #000; padding: 5px; text-align: left; width: 50%;">Description of Behavior</th>
										<th style="border: 1px solid #000; padding: 5px; text-align: center; width: 20%;">Date:</th>
									</tr>
								</thead>
								<tbody>
									<!-- Indication of Gait -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="2">Indication of Gait</td>
										<td style="border: 1px solid #000; padding: 5px;">Any hesitancy or multiple attempts</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_gait_indication_0" name="tinetti_gait_indication" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_gait_indication_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">No hesitancy</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_gait_indication_1" name="tinetti_gait_indication" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_gait_indication_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									
									<!-- Step Length & Height -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Step Length & Height</td>
										<td style="border: 1px solid #000; padding: 5px;">Step to</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_step_length_0" name="tinetti_step_length" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_step_length_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Step through right</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_step_length_1" name="tinetti_step_length" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_step_length_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Step through left</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_step_length_1" name="tinetti_step_length" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_step_length_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									
									<!-- Foot Clearance -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Foot Clearance</td>
										<td style="border: 1px solid #000; padding: 5px;">Foot drop</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_foot_clearance_0" name="tinetti_foot_clearance" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_foot_clearance_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Left foot clears the floor</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_foot_clearance_1" name="tinetti_foot_clearance" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_foot_clearance_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Right foot clears the floor</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_foot_clearance_1" name="tinetti_foot_clearance" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_foot_clearance_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									
									<!-- Step Symmetry -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="2">Step Symmetry</td>
										<td style="border: 1px solid #000; padding: 5px;">Right and left step length are not equal</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_step_symmetry_0" name="tinetti_step_symmetry" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_step_symmetry_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Right and left step length appear equal</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_step_symmetry_1" name="tinetti_step_symmetry" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_step_symmetry_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									
									<!-- Step Continuity -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="2">Step Continuity</td>
										<td style="border: 1px solid #000; padding: 5px;">Stopping of discontinuity between steps</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_step_continuity_0" name="tinetti_step_continuity" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_step_continuity_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Steps appear continuous</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_step_continuity_1" name="tinetti_step_continuity" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_step_continuity_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									
									<!-- Path -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Path</td>
										<td style="border: 1px solid #000; padding: 5px;">Marked deviation</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_path_0" name="tinetti_path" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_path_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Mild/moderate deviation or uses a walking aid</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_path_1" name="tinetti_path" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_path_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Straight without a walking aid</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_path_2" name="tinetti_path" class="md-radiobtn" value="2" style="margin: 0 3px;"><label for="tinetti_path_2"><span></span><span class="check"></span><span class="box"></span>2</label></div></td>
									</tr>
									
									<!-- Trunk -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="3">Trunk</td>
										<td style="border: 1px solid #000; padding: 5px;">Marked sway or uses a walking aid</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_trunk_0" name="tinetti_trunk" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_trunk_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">No sway, flexes knees/back/uses arms to balance</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_trunk_1" name="tinetti_trunk" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_trunk_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">No sway, no flexion of knees or back use of arms, or walking aid</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_trunk_2" name="tinetti_trunk" class="md-radiobtn" value="2" style="margin: 0 3px;"><label for="tinetti_trunk_2"><span></span><span class="check"></span><span class="box"></span>2</label></div></td>
									</tr>
									
									<!-- Walking Time -->
									<tr>
										<td style="border: 1px solid #000; padding: 5px;" rowspan="2">Walking Time</td>
										<td style="border: 1px solid #000; padding: 5px;">Heels apart</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_walking_time_0" name="tinetti_walking_time" class="md-radiobtn" value="0" style="margin: 0 3px;"><label for="tinetti_walking_time_0"><span></span><span class="check"></span><span class="box"></span>0</label></div></td>
									</tr>
									<tr>
										<td style="border: 1px solid #000; padding: 5px;">Heels almost touching while walking</td>
										<td data-radio-cell onclick="var r = this.getElementsByTagName('input')[0]; if(r) r.checked = true;" style="border: 1px solid #000; padding: 5px;  cursor: pointer;"><div class="md-radio"><input type="radio" id="tinetti_walking_time_1" name="tinetti_walking_time" class="md-radiobtn" value="1" style="margin: 0 3px;"><label for="tinetti_walking_time_1"><span></span><span class="check"></span><span class="box"></span>1</label></div></td>
									</tr>
								</tbody>
							</table>
							
							<!-- Gait Score Section -->
							<div style="text-align: center; margin-top: 10px;">
								<div style="font-weight: bold; margin-bottom: 5px;">Gait Score</div>
								<div style="text-align: left; font-size: 11px; margin-bottom: 5px;">Potential Points: 12</div>
								<div style="display: inline-block; margin: 0 10px;">
									<input type="text" id="gait_score" name="gait_score" style="width: 60px; text-align: center; border: 1px solid #000; padding: 3px;" readonly>
								</div>
							</div>
						</div>
					</div>
					
					<!-- Combined Score Section -->
					<div style="text-align: center; margin-top: 20px; border-top: 2px solid #000; padding-top: 10px;">
						<div style="font-weight: bold; margin-bottom: 5px;">Combined Score</div>
						<div style="text-align: left; font-size: 11px; margin-bottom: 5px; text-align: center;">Potential Points For Balance & Gait</div>
						<div style="display: inline-block; margin: 0 10px;">
							<input type="text" id="combined_score" name="combined_score" style="width: 60px; text-align: center; border: 1px solid #000; padding: 3px;" readonly>
						</div>
					</div>
					
					<!-- Footer Notes -->
					<div style="margin-top: 15px; font-size: 10px; border-top: 1px solid #ccc; padding-top: 10px;">
						<div style="display: table; width: 100%;">
							<div style="display: table-cell; width: 33%; text-align: left;">PT, Tinnetti Balance Assessment: 7/09</div>
							<div style="display: table-cell; width: 34%; text-align: center;">Risk of Falls: 18 Points or Less = High Risk, 19-23 Points = Moderate Risk, 24 or More Points = Low Risk</div>
							<div style="display: table-cell; width: 33%; text-align: right;">
								<div style="border: 1px solid #000; padding: 5px; display: inline-block; min-width: 100px;">AFFIX STICKER</div>
							</div>
						</div>
					</div>
					
					<!-- Action Buttons -->
					<div style="text-align: center; margin-top: 20px;">
						<input class="btn green" type="button" id="addcalculations" onClick="CalcTinettiNew();" value="Calculate & Add" />
						<input class="btn default" type="button" value="Cancel" id="btnTinettidivcancel" name="btnTinettidivcancel" onClick="$('##Tinettidiv').modal('hide');"/>
					</div>
				</div>
			</div>
		</div>
	</div>
<cfelseif request.display  EQ 2>

	<cfset Tugquestions = ["1. Begin by having the patient sit back in a standard arm chair and identify a line 3 meters, or 10 feet away, on the floor.",
		"2. Instruct the patient to (a) stand up from the chair, (b) walk to the line on the floor at a normal pace, (c) Turn, (d) Walk back to the chair at normal pace, (d) Sit down again.",
		"3. An older adult who takes <b>12 or more seconds to complete the TUG is at risk for falling.</b>"] >
	<div id="Tugdiv" class="modal fade bs-modal-lg" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h3 class="modal-title"><b>Tug Score Calculation</b></h3>
				</div>
				<div class="modal-body">
					<div class="row" style="margin-left:0px;"><b>TUG (Timed Up and Go) DIRECTIONS</b></div><br/>
					<p>Patients wear their regular footwear and can use a walking aid, if needed.</p>
					<cfloop array="#Tugquestions#" index="idx" item="Tugques">
					   <cfoutput>
					   		<div class ="row">
								<div class="form-group">
								    <span class="col-md-8 control-label text-middle" for="">#Tugques#</span>
								    <div class="col-md-4">
								        <input type="Number" class="form-control" id="Tug_#idx#" name="Tug_#idx#" value="0">
								        <div class="form-control-focus"></div>
								    </div>
								    <span class="col-md-1 hide">*</span>
								</div>
							</div>
					    </cfoutput>
					</cfloop>
					<cfoutput>
						<div class="row">
							<div class="col-md-6">
								<br><br>
								<div class="form-group">
									<cfset Tinnetlength =  #arraylen(Tugquestions)# />
									<input class="btn green" type="button" id="addcalculations" onClick="CalcTug('#Tinnetlength#');" value="Add" />
									<input class="btn default" type="button" value="Cancel" id="btnTugdivcancel" name="btnTugdivcancel" onClick="$('##Tugdiv').modal('hide');"/>
								</div>
							</div>
						</div>
					</cfoutput>
				</div>
			</div>
		</div>
	</div>
</cfif>

<script type="text/javascript">
	var assment_type = '<cfoutput>#AssForm.F26#</cfoutput>';
	
	// Make table cells clickable to select radio buttons
	$(document).ready(function() {
		// Add click handler to all date column cells
		$('#Tinettidiv').on('click', 'td[data-radio-cell]', function(e) {
			// Don't trigger if clicking directly on the radio button
			if (e.target.type !== 'radio') {
				var radio = $(this).find('input[type="radio"]');
				if (radio.length > 0) {
					radio.prop('checked', true);
					// Trigger change event in case other code listens to it
					radio.trigger('change');
				}
			}
		});
		
		// Add pointer cursor style to date column cells
		$('#Tinettidiv').on('mouseenter', 'td[data-radio-cell]', function() {
			$(this).css('cursor', 'pointer');
		});
	});
	
	function CalcTinettiNew()
	{
		// Calculate Balance Score (16 points max)
		var balance_score = 0;
		balance_score += getRadioValue('tinetti_sitting_1'); // 0-1
		balance_score += getRadioValue('tinetti_rises'); // 0-2
		balance_score += getRadioValue('tinetti_attempts'); // 0-2
		balance_score += getRadioValue('tinetti_standing5s'); // 0-2
		balance_score += getRadioValue('tinetti_standing_gen'); // 0-2
		balance_score += getRadioValue('tinetti_nudged'); // 0-2
		balance_score += getRadioValue('tinetti_eyes_closed'); // 0-1
		// For Turning 360, take the higher of the two scores (steps continuity OR steadiness)
		var turning360 = Math.max(getRadioValue('tinetti_turning360'), getRadioValue('tinetti_turning360_unsteady'));
		balance_score += turning360; // 0-1
		balance_score += getRadioValue('tinetti_sitting_down'); // 0-2
		
		// Calculate Gait Score (12 points max)
		var gait_score = 0;
		gait_score += getRadioValue('tinetti_gait_indication'); // 0-1
		gait_score += getRadioValue('tinetti_step_length'); // 0-1
		gait_score += getRadioValue('tinetti_foot_clearance'); // 0-1
		gait_score += getRadioValue('tinetti_step_symmetry'); // 0-1
		gait_score += getRadioValue('tinetti_step_continuity'); // 0-1
		gait_score += getRadioValue('tinetti_path'); // 0-2
		gait_score += getRadioValue('tinetti_trunk'); // 0-2
		gait_score += getRadioValue('tinetti_walking_time'); // 0-1
		
		// Update Score fields
		document.getElementById('balance_score').value = balance_score;
		document.getElementById('gait_score').value = gait_score;
		
		// Calculate Combined Score
		var combined_score = balance_score + gait_score;
		document.getElementById('combined_score').value = combined_score;
		
		// Set the total score in the main form
		if ($('#F2').length) {
			$("#F2").val(combined_score);
		}
		
		$('#Tinettidiv').modal('hide');
	}
	
	function getRadioValue(name) {
		var radios = document.getElementsByName(name);
		for (var i = 0; i < radios.length; i++) {
			if (radios[i].checked) {
				return parseInt(radios[i].value) || 0;
			}
		}
		return 0;
	}

	function CalcTinetti(totalquestions)
	{
		total_tinetti = 0;
		for (let i = 1; i <= totalquestions; i++) {
		    var Tinetti =  document.getElementById("Tinetti_"+i).value; 
		    total_tinetti +=  parseInt(Tinetti); 
		}
		if ($('#F2').length) {
			$("#F2").val(total_tinetti);
		}
		$('#Tinettidiv').modal('hide');
	}

	function CalcTug(totaltugques)
	{
		total_Tug = 0;
		for (let i = 1; i <= totaltugques; i++) {
		    var Tug =  document.getElementById("Tug_"+i).value; 
		    total_Tug +=  parseInt(Tug); 
		}
		if ($('#F46').length) {
			$("#F46").val(total_Tug);
		} else if ($('#F296').length) {
			$("#F296").val(total_Tug);
		}
		$('#Tugdiv').modal('hide');
		
	}


</script>