Personal tools
Navigation
 

Parkinsons Calculator

From David Chan - Based on the JAMA Rational Clinical Examination Series (http://jamaevidence.com/resource/523) a very smart student is producing a series of calculators for a variety of conditions. These calculators will do the tedious math of calculating post-test probabilities based on the Likelihood Ratios associated with each history or physical exam item. Attached is an eForm for diagnosis of Parkinson's Disease based on history and physical exam alone. Have fun! Your comment is greatly appreciated. Better still, if you want to help with creating these eForms please let me know.

HTML icon Parkinsons.html — HTML, 63 kB (65467 bytes)

File contents

<html>
<head>
<!-- OSCAR CONDITION: DESIGN A NEW FORM
Change the title of the form to that of the new condition
Copy and paste all of the formatting code in the braces with "id stylingFormat"
Change the name of the title: CAREPATH ADVISOR: Your Condition. 
Put the same text box that is right below the title, and just change the existing condition to the new one, and change the link to where your likelihood ratio information comes from.
You can reuse all of the code that is indicated by the INPUT FIELDS comment, and then change the history questions and diagnostic tests to those applicable to the new condition.
Copy and paste the rest of the code that is indicated by the RECOMMENDATIONS comment
In the head section, you can copy, paste and immediately use all the functions EXCEPT for getPretestProbability, evaluatePostTest, AND resetForm. getPreTestProbability and evaluatePostTest need to be modified based on the likelihood ratios for the new condition. For resetForm, all you need to do is change the id values to those applicable to the new condition.
Lastly, it is likely that the History/Physical box will not be the same height as the Diagnostic test box. In order to correct this, find the INPUT FIELDS section, and go to the line fieldset right before the line that says <legend...whichever box you want to change> and find the attribute height. Simply adjust this value until the boxes are the same height.
COLOR PADDING DISTRIBUTIONS -- Don't forget to adjust the color widths in the style bars. Additionally, the getColor method must be adjusted to coorespond with the bars

0-15-40-100: 0px, 35px, 73px, 195px
0-50-75-100: 0px, 175px, 72px, 68px
0-25-50-100: 0px, 75px, 75px, 155px

-->
<title>Parkinson's</title>

<style type="text/css" id="stylingFormat">
/* Document CAREPATH title */
p.title {
    color: black;
    font-family: Arial;
    font-size: 24px;
    font-weight: bolder;
    text-align: left;
}
div.recOutline
{
    margin-top: 5px;
	border-top: 2px solid #C7C7C7;
	border-bottom: 2px solid #C7C7C7;
	background-color: #FFE4E1;
	padding: 4px;
    width: 1200px;
}
div.blockText
{
    border-top: 2px solid #C7C7C7;
	border-bottom: 2px solid #C7C7C7;
	background-color: #eeeeee;
	padding: 4px;
    width: 1200px;
} 
div.blockInputFields {
	margin-top: 5px;
	border-top: 2px solid #C7C7C7;
	border-bottom: 2px solid #C7C7C7;
	background-color: #E5F6FE;
	padding: 4px;
    width: 1200px;
}
div.percentBar
{
    position: relative; 
    line-height: 5px; 
    background-color: #eeffff; 
    border: 1px solid black; 
    width: 600px; 
    height:15px;
}
div.innerBar
{
    height: 15px; 
    width: 0px; 
    background-color: white;
}
div.percentText
{
    position: absolute; 
    text-align: center; 
    padding-top: .25em; 
    width: 100%; 
    top: 2; 
    left: 0; 
    font-size: 14px; 
    font-weight: bold;
}
table.inputFieldsTable {
	border: 0px;
	font-size: 16px;
    cell-padding: 5px;
}
.inputWidth {
	width: 1190px;
}
input.patientid{ 
	border: 1px solid #E6E6E6;
    background-color: white;
}
input.date {
	border: 1px solid #E6E6E6;
    width:60px;
}
div.blockRecommendations {
	margin-top: 5px;
	background-color: #FFE4E1;
	padding: 4px;
    height: 100px;
    width: 1150px;
}
div.greenBar
{
    background-color: #00FF00;
    width: 60px;
    height: 15px;
    position: absolute;
}
div.yellowBar
{
    background-color: #FFFF00;
    width: 100px;
    height: 15px;
    position: absolute;
    margin-left: 60px;
}
div.redBar
{
    background-color: #FF0000;
    width: 240px;
    height: 15px;
    position: absolute;
    margin-left: 160px;
}
div.rangeBar
{
    position: relative; 
    line-height: 5px; 
    background-color: #eeffff; 
    border: 1px solid black; 
    width: 400px; 
    height:15px;
}
canvas.confidenceBars
{
    position: relative; 
    height:15px;
    border:1px solid black;
}

div.ratioRangeBlocks
{
    background-color: lightgray;
    margin-top: 5px;
	border-top: 2px solid #C7C7C7;
	border-bottom: 2px solid #C7C7C7;
	padding: 4px;
    width: 1200px;
}
</style>
<style type="text/css">

#dhtmltooltip
{
    position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">

//calculates the pretest probability (.01 = 1%)
function getPretestProbability()
{
    var age = $("#age").val();
    
    var pretestProb = 0;
    if(age < 65)
    {
        pretestProb = 0.00175;
    }
    else if(age < 85 && age >= 65)
    {
        pretestProb = 0.01;
    }
    else if(age >= 85)
    {
        pretestProb = 0.02;
    }
    return pretestProb;
}
//calculates the likelihood ratio and returns the net LR 
//for LRs that were given a range, the average between the high and low was calculated
function evaluatePostTest(key) 
{
    
    var tremor = $('[name="tremor"]').val();
    var rigidityAndBradykinesia = $('[name="rigidityAndBradykinesia"]').val();
    var historyOfLossOfBalance = $('[name="historyOfLossOfBalance"]').val();
    var micrographia = $('[name="micrographia"]').val();
    var historyOfShufflingGait = $('[name="historyOfShufflingGait"]').val();
    var troubleTurningInBed = $('[name="troubleTurningInBed"]').val();
    var troubleOpeningJars = $('[name="troubleOpeningJars"]').val();
    var troubleRisingFromAChair = $('[name="troubleRisingFromAChair"]').val();
    var glabellaTapTest = $('[name="glabellaTapTest"]').val();
    var difficultyWalkingHeelToToe = $('[name="difficultyWalkingHeelToToe"]').val();
    
    var netLR = 1;
    if(key == 'low')
    {
        if(tremor == 'Yes') netLR = netLR * 1.3;
        if(tremor == 'No') netLR = netLR * 0.47;
        if(rigidityAndBradykinesia == 'Yes') netLR = netLR * 4.5;
        if(rigidityAndBradykinesia == 'No') netLR = netLR * 0.12;
        if(historyOfLossOfBalance == 'Yes') netLR = netLR * 1.6;
        if(historyOfLossOfBalance == 'No') netLR = netLR * 0.29;
        if(micrographia == 'Yes') netLR = netLR * 2.8;
        if(micrographia == 'No') netLR = netLR * 0.30;
        if(historyOfShufflingGait == 'Yes') netLR = netLR * 3.3;
        if(historyOfShufflingGait == 'No') netLR = netLR * 0.32;
        if(troubleTurningInBed == 'Yes') netLR = netLR * 13;
        if(troubleTurningInBed == 'No') netLR = netLR * 0.56;
        if(troubleOpeningJars == 'Yes') netLR = netLR * 6.1;
        if(troubleOpeningJars == 'No') netLR = netLR * 0.26;
        if(troubleRisingFromAChair == 'Yes') netLR = netLR * 1.9;
        if(troubleRisingFromAChair == 'No') netLR = netLR * 0.39;
        if(glabellaTapTest == 'Yes') netLR = netLR * 4.5;
        if(glabellaTapTest == 'No') netLR = netLR * 0.13;
        if(difficultyWalkingHeelToToe == 'Yes') netLR = netLR * 2.9;
        if(difficultyWalkingHeelToToe == 'No') netLR = netLR * 0.32;
    }
    else if(key == 'mid')
    {
        if(tremor == 'Yes') netLR = netLR * 1.4;
        if(tremor == 'No') netLR = netLR * 0.54;
        if(rigidityAndBradykinesia == 'Yes') netLR = netLR * 4.5;
        if(rigidityAndBradykinesia == 'No') netLR = netLR * 0.12;
        if(historyOfLossOfBalance == 'Yes') netLR = netLR * 4.1;
        if(historyOfLossOfBalance == 'No') netLR = netLR * 0.32;
        if(micrographia == 'Yes') netLR = netLR * 4.35;
        if(micrographia == 'No') netLR = netLR * 0.37;
        if(historyOfShufflingGait == 'Yes') netLR = netLR * 9.15;
        if(historyOfShufflingGait == 'No') netLR = netLR * 0.41;
        if(troubleTurningInBed == 'Yes') netLR = netLR * 13;
        if(troubleTurningInBed == 'No') netLR = netLR * 0.56;
        if(troubleOpeningJars == 'Yes') netLR = netLR * 6.1;
        if(troubleOpeningJars == 'No') netLR = netLR * 0.26;
        if(troubleRisingFromAChair == 'Yes') netLR = netLR * 3.55;
        if(troubleRisingFromAChair == 'No') netLR = netLR * 0.485;
        if(glabellaTapTest == 'Yes') netLR = netLR * 4.5;
        if(glabellaTapTest == 'No') netLR = netLR * 0.13;
        if(difficultyWalkingHeelToToe == 'Yes') netLR = netLR * 2.9;
        if(difficultyWalkingHeelToToe == 'No') netLR = netLR * 0.32;
    }
    else if(key == 'high')
    {
        if(tremor == 'Yes') netLR = netLR * 1.5;
        if(tremor == 'No') netLR = netLR * 0.61;
        if(rigidityAndBradykinesia == 'Yes') netLR = netLR * 4.5;
        if(rigidityAndBradykinesia == 'No') netLR = netLR * 0.12;
        if(historyOfLossOfBalance == 'Yes') netLR = netLR * 6.6;
        if(historyOfLossOfBalance == 'No') netLR = netLR * 0.35;
        if(micrographia == 'Yes') netLR = netLR * 5.9;
        if(micrographia == 'No') netLR = netLR * 0.44;
        if(historyOfShufflingGait == 'Yes') netLR = netLR * 15;
        if(historyOfShufflingGait == 'No') netLR = netLR * 0.44;
        if(troubleTurningInBed == 'Yes') netLR = netLR * 13;
        if(troubleTurningInBed == 'No') netLR = netLR * 0.56;
        if(troubleOpeningJars == 'Yes') netLR = netLR * 6.1;
        if(troubleOpeningJars == 'No') netLR = netLR * 0.26;
        if(troubleRisingFromAChair == 'Yes') netLR = netLR * 5.2;
        if(troubleRisingFromAChair == 'No') netLR = netLR * 0.58;
        if(glabellaTapTest == 'Yes') netLR = netLR * 4.5;
        if(glabellaTapTest == 'No') netLR = netLR * 0.13;
        if(difficultyWalkingHeelToToe == 'Yes') netLR = netLR * 2.9;
        if(difficultyWalkingHeelToToe == 'No') netLR = netLR * 0.32;
    }
    
    return netLR;

}
function getLRForDisplay(condition, isPositive)
{
    var prob = document.getElementById('preTestBarText').innerHTML;
    var i = prob.indexOf("%");
    prob = prob.substring(0, i);
    var display;
    if(isPositive)
    {
        if(condition == 'Tremor'){ 
            display = calculateProbability(1.4, prob);
            display = display * 100;
            document.getElementById('pTremor').value = display;
            var newDisplay = document.getElementById('pTremor').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pTremor').value = newDisplay;
        }
        if(condition == 'Rigidity and bradykinesia'){  
            display = calculateProbability(4.5, prob);
            display = display * 100;
            document.getElementById('pRigidityAndBradykinesia').value = display;
            var newDisplay = document.getElementById('pRigidityAndBradykinesia').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pRigidityAndBradykinesia').value = newDisplay;
        }
        if(condition == 'History of loss of balance')
        {  
            display = calculateProbability(4.1, prob);
            display = display * 100;
            document.getElementById('pHistoryOfLossOfBalance').value = display;
            var newDisplay = document.getElementById('pHistoryOfLossOfBalance').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pHistoryOfLossOfBalance').value = newDisplay;
        }
        if(condition == 'Micrographia')
        {  
            display = calculateProbability(4.35, prob);
            display = display * 100;
            document.getElementById('pMicrographia').value = display;
            var newDisplay = document.getElementById('pMicrographia').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pMicrographia').value = newDisplay;
        }
        if(condition == 'History of shuffling gait')
        {  
            display = calculateProbability(9.15, prob);
            display = display * 100;
            document.getElementById('pHistoryOfShufflingGait').value = display;
            var newDisplay = document.getElementById('pHistoryOfShufflingGait').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pHistoryOfShufflingGait').value = newDisplay;
        }
        if(condition == 'Trouble turning in bed')
        {  
            display = calculateProbability(13, prob);
            display = display * 100;
            document.getElementById('pTroubleTurningInBed').value = display;
            var newDisplay = document.getElementById('pTroubleTurningInBed').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pTroubleTurningInBed').value = newDisplay;
        }
        if(condition == 'Trouble opening jars')
        {  
            display = calculateProbability(6.1, prob);
            display = display * 100;
            document.getElementById('pTroubleOpeningJars').value = display;
            var newDisplay = document.getElementById('pTroubleOpeningJars').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pTroubleOpeningJars').value = newDisplay;;
        }
        if(condition == 'Trouble rising from a chair')
        {  
            display = calculateProbability(3.55, prob);
            display = display * 100;
            document.getElementById('pTroubleRisingFromAChair').value = display;
            var newDisplay = document.getElementById('pTroubleRisingFromAChair').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pTroubleRisingFromAChair').value = newDisplay;;
        }
        if(condition == 'Glabella tap test')
        {  
            display = calculateProbability(4.5, prob);
            display = display * 100;
            document.getElementById('pGlabellaTapTest').value = display;
            var newDisplay = document.getElementById('pGlabellaTapTest').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pGlabellaTapTest').value = newDisplay;
        }
        if(condition == 'Difficulty walking heel to toe')
        {  
            display = calculateProbability(2.9, prob);
            display = display * 100;
            document.getElementById('pDifficultyWalkingHeelToToe').value = display;
            var newDisplay = document.getElementById('pDifficultyWalkingHeelToToe').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('pDifficultyWalkingHeelToToe').value = newDisplay;
        }
    }
    else
    {
        if(condition == 'Tremor'){  
            display = calculateProbability(0.54, prob);
            display = display * 100;
            document.getElementById('nTremor').value = display;
            var newDisplay = document.getElementById('nTremor').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nTremor').value = newDisplay;
        }
        if(condition == 'Rigidity and bradykinesia'){  
            display = calculateProbability(0.12, prob);
            display = display * 100;
            document.getElementById('nRigidityAndBradykinesia').value = display;
            var newDisplay = document.getElementById('nRigidityAndBradykinesia').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nRigidityAndBradykinesia').value = newDisplay;
        }
        if(condition == 'History of loss of balance')
        {  
            display = calculateProbability(0.32, prob);
            display = display * 100;
            document.getElementById('nHistoryOfLossOfBalance').value = display;
            var newDisplay = document.getElementById('nHistoryOfLossOfBalance').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nHistoryOfLossOfBalance').value = newDisplay;
        }
        if(condition == 'Micrographia')
        {  
            display = calculateProbability(0.37, prob);
            display = display * 100;
            document.getElementById('nMicrographia').value = display;
            var newDisplay = document.getElementById('nMicrographia').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nMicrographia').value = newDisplay;
        }
        if(condition == 'History of shuffling gait')
        {  
            display = calculateProbability(0.41, prob);
            display = display * 100;
            document.getElementById('nHistoryOfShufflingGait').value = display;
            var newDisplay = document.getElementById('nHistoryOfShufflingGait').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nHistoryOfShufflingGait').value = newDisplay;
        }
        if(condition == 'Trouble turning in bed')
        {  
            display = calculateProbability(0.56, prob);
            display = display * 100;
            document.getElementById('nTroubleTurningInBed').value = display;
            var newDisplay = document.getElementById('nTroubleTurningInBed').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nTroubleTurningInBed').value = newDisplay;
        }
        if(condition == 'Trouble opening jars')
        {  
            display = calculateProbability(0.26, prob);
            display = display * 100;
            document.getElementById('nTroubleOpeningJars').value = display;
            var newDisplay = document.getElementById('nTroubleOpeningJars').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nTroubleOpeningJars').value = newDisplay;
        }
        if(condition == 'Trouble rising from a chair')
        {  
            display = calculateProbability(0.485, prob);
            display = display * 100;
            document.getElementById('nTroubleRisingFromAChair').value = display;
            var newDisplay = document.getElementById('nTroubleRisingFromAChair').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nTroubleRisingFromAChair').value = newDisplay;
        }
        if(condition == 'Glabella tap test')
        {  
            display = calculateProbability(0.13, prob);
            display = display * 100;
            document.getElementById('nGlabellaTapTest').value = display;
            var newDisplay = document.getElementById('nGlabellaTapTest').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nGlabellaTapTest').value = newDisplay;
        }
        if(condition == 'Difficulty walking heel to toe')
        {  
            display = calculateProbability(0.32, prob);
            display = display * 100;
            document.getElementById('nDifficultyWalkingHeelToToe').value = display;
            var newDisplay = document.getElementById('nDifficultyWalkingHeelToToe').value;
            newDisplay = newDisplay.substring(0, 5);
            newDisplay = newDisplay + "%";
            document.getElementById('nDifficultyWalkingHeelToToe').value = newDisplay;
        }    
    }
}
//converts the LR into probability
function calculateProbability(LR, probability)
{
    probability = probability / 100;
    var odds = probability / (1 - probability);
    odds = odds * LR;
    var newProb = odds / (odds + 1);
    return newProb;
}
function updatePostTest(canvasID)
{
    var lowLR = evaluatePostTest('low');
    var LR = evaluatePostTest('mid')
    var highLR = evaluatePostTest('high');
    
    var prob = document.getElementById('preTestBarText').innerHTML;
    var i = prob.indexOf("%");
    prob = prob.substring(0, i);
    var posteriorProb = calculateProbability(LR, prob);
    var color = getColor(posteriorProb);
    posteriorProb = posteriorProb * 100;
    drawPercentBar(posteriorProb, color, 'postTestProbability');
    clearPrevious(canvasID);
    drawConfidenceBars(canvasID, lowLR, LR, highLR);
}
function getColor(probability)
{
    if(probability < 0.15)
    {
        return '00FF00';
    }
    else if(probability >= 0.15 && probability < 0.40)
    {
        return 'FFFF00';
    }
    else if(probability >= 0.40)
    {
        return 'FF0000';
    }
}

function drawPercentBar(percent, color, id) 
{ 
    var pixels = 600 * (percent / 100);
        
    document.getElementById('postTestBarText').innerHTML = percent;
    //trims the number down to 3 decimal points;
    var pctString = document.getElementById('postTestBarText').innerHTML;
    pctString = pctString.substring(0,5);
    pctString = pctString + "%";
    document.getElementById('postTestBarText').innerHTML = pctString;
    document.getElementById('postTestInnerBar').style.width = pixels;
    document.getElementById('postTestInnerBar').style.backgroundColor = color;
}
   
//function that is used on load; displays the pretest probability in both bars, just to start
function drawProbability(id) 
{
    var testR;
    testR = getPretestProbability();
    
    var color = getColor(testR);
    var pixels = 600 * testR;
    
    testR = testR * 100;
    
    document.getElementById('preTestBarText').innerHTML = testR;
    var edit = document.getElementById('preTestBarText').innerHTML;
    edit = edit.substring(0, 5);
    edit = edit + "%";
    document.getElementById('preTestBarText').innerHTML = edit;
    document.getElementById('preTestInnerBar').style.width = pixels;
    document.getElementById('preTestInnerBar').style.backgroundColor = color;
    
    document.getElementById('postTestBarText').innerHTML = edit;
    document.getElementById('postTestInnerBar').style.width = pixels;
    document.getElementById('postTestInnerBar').style.backgroundColor = color;
}

function resetForm()
{
    document.getElementById('tremor').selectedIndex = 0;
    document.getElementById('rigidityAndBradykinesia').selectedIndex = 0;
    document.getElementById('historyOfLossOfBalance').selectedIndex = 0;
    document.getElementById('micrographia').selectedIndex = 0;
    document.getElementById('historyOfShufflingGait').selectedIndex = 0;
    document.getElementById('troubleTurningInBed').selectedIndex = 0;
    document.getElementById('troubleOpeningJars').selectedIndex = 0;
    document.getElementById('troubleRisingFromAChair').selectedIndex = 0;
    document.getElementById('glabellaTapTest').selectedIndex = 0;
    document.getElementById('difficultyWalkingHeelToToe').selectedIndex = 0;
    
    clearPrevious('postTestBarCanvas');
    drawProbability('postTestProbability');
}
function clearPrevious(id)
{
    var canvas = document.getElementById(id);
    var context = canvas.getContext("2d");
    context.clearRect(0, 0, canvas.width, canvas.height);
}
function loadCanvas(id) 
{
    var canvas = document.createElement('canvas');
    var newDiv = document.getElementById(id);
    canvas.id = id + "Canvas";
    if(id == 'postTestBar') canvas.width  = 600;
    else canvas.width = 400;
    canvas.height = 15;
    canvas.style.position = "absolute";
    newDiv.appendChild(canvas)
}
function drawConfidenceBars(id, lowLR, midLR, highLR)
{
    var prob = document.getElementById('preTestBarText').innerHTML;
    var i = prob.indexOf("%");
    prob = prob.substring(0, i);
    var lowP = calculateProbability(lowLR, prob);
    var highP = calculateProbability(highLR, prob);
    var midP = calculateProbability(midLR, prob);

    var c = document.getElementById(id);
    var ctx = c.getContext("2d");
    ctx.strokeStyle = "#000000";
    ctx.lineWidth = 1;
    
    var lowPix;
    var highPix;
    var midPix;

    if(id == 'postTestBarCanvas')
    {
        lowPix = lowP * 600;
        highPix = highP * 600;
        midPix = midP * 600;
    }
    else
    {
        lowPix = lowP * 400;
        highPix = highP * 400;
        midPix = midP * 400;
    }
    ctx.beginPath();
    //low end vertical line
    ctx.moveTo(lowPix, 0);
    ctx.lineTo(lowPix, 15);
        
    //high end vertical line
    ctx.moveTo(highPix, 0);
    ctx.lineTo(highPix, 15);
    
    //horizontal line
    ctx.moveTo(lowPix, 7.5);
    ctx.lineTo(highPix, 7.5);

    //mid vertical line
    ctx.moveTo(midPix, 0);
    ctx.lineTo(midPix, 15);
    ctx.closePath();
    ctx.stroke();
    
}
</script>
</head>
<body>
<div id="dhtmltooltip"></div>

<script type="text/javascript">

/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody()
{
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function showPopUpInfo(name, plusMinusLR, lowLR, highLR, thecolor, thewidth)
{
    var prob = document.getElementById('preTestBarText').innerHTML;
    var i = prob.indexOf("%");
    prob = prob.substring(0, i);
    var lowProb = calculateProbability(lowLR, prob);
    lowProb = lowProb * 100;
    lowProb = lowProb.toString();
    lowProb = lowProb.substring(0, 4);
    lowProb = lowProb + "%";

    var upperProb = calculateProbability(highLR, prob);
    upperProb = upperProb * 100;
    upperProb = upperProb.toString();
    upperProb = upperProb.substring(0, 4);
    upperProb = upperProb + "%";
    
    if (ns6||ie)
    {
        if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
        if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
        
        tipobj.innerHTML= name + '<br>' + plusMinusLR + ": " + lowLR + "-" + highLR + '<br>' + "(" + lowProb + " - " + upperProb + ")";
        enabletip=true
        return false
    }
}
function showZoomedBar(lowLR, highLR, width)
{
    if (ns6||ie)
    {
        if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
        if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
        
        var canvas = document.createElement('canvas');
    }

}
function getPosition(e)
{
    if (enabletip)
    {
        var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
        var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
        //Find out how close the mouse is to the corner of the window
        var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
        var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

        var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

        //if the horizontal distance isn't enough to accomodate the width of the context menu
        if (rightedge<tipobj.offsetWidth)
            //move the horizontal position of the menu to the left by it's width
            tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
        else if (curX<leftedge)
            tipobj.style.left="5px"
        else
            //position the horizontal position of the menu where the mouse is positioned
            tipobj.style.left=curX+offsetxpoint+"px"

        //same concept with the vertical position
        if (bottomedge<tipobj.offsetHeight)
            tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
        else
        tipobj.style.top=curY+offsetypoint+"px"
        tipobj.style.visibility="visible"
    }
}

function hidePopUpInfo()
{
    if (ns6||ie)
    {
        enabletip=false
        tipobj.style.visibility="hidden"
        tipobj.style.left="-1000px"
        tipobj.style.backgroundColor=''
        tipobj.style.width=''
    }
}
document.onmousemove = getPosition
</script>

<p class="title">CAREPATH Advisor : Parkinson's</p>

<div class="blockText">
    <p style="text-indent: 10px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; padding-bottom: 0px; font-size: 18px;">
    This CarePath Advisor helps family physicians and other primary care providers in deciding how to manage patients with signs and symptoms suspicious of Parkinson's disease. This CarePath is designed to help you prioritize the urgency of your patient's referral for further investigations. Likelihood ratios were taken from the Jama Network's Rational Clinical Examination. <a href="http://clinicaldepartments.musc.edu/medicine/divisions/gimg/syllabus/Does%20This%20Patient%20Have%20Parkinson%20Disease.pdf">View this source</a> 
    </p>
</div>
<div class="blockText">
    <p style="text-indent: 20px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; padding-bottom: 0px; font-size: 18px;">
    Instructions: Based on responses to the presence or absence of the factors below, the probability of the condition being present will be calculated based on likelihood ratios. If you move your cursor over any of the symptoms or tests, a popup box will appear showing the positive and negative likelihood ratio ranges and (if available) the confidence interval for the ratios. 
    </p>
</div>

<!--INPUT FIELDS-->
<div class="blockInputFields">
	<div class="inputWidth">
	<fieldset style="width: 1159.5px; display: inline; vertical-align: top;">
		<legend style=" font-size: 20px; font-weight: bold;">Patient ID</legend>
		<table class="inputFieldsTable">
			<tr>
				<th>Name: </th>
				<td><input type="text" name="patient_name" oscarDB=patient_name value="TEST, BETTY" class="patientid" size="20"></td>

				<th>Date of Birth: </th>
				<td><input type="text" name="dob" oscarDB=dob value="15/06/1976 (d/m/y)" class="patientid" size="20" class="date">
				
				<b style="margin-left: 5px;">Age:</b>
				<input type="text" id="age" name="age" oscarDB=age value="87" class="patientid" size="1" style="text-align: center;">
				<span class="sexLabel" style="font-weight: bold; margin-Left: 5px;">Sex: &nbsp; </span>
				<select name="sex" oscarDB=sex>
					<option value="">---</option>
					<option value="M">M</option>
					<option value="F" selected>F</option>
				</select>
				</td>
			</tr>			
		</table>
	</fieldset>
    <br>
    
    <fieldset style="width: 563px; display: inline; vertical-align: top;">
	<legend style="font-size: 20; font-weight: bold;">History/Physical</legend>
	<table class="inputFieldsTable" cellpadding="3">
            <tr style="font-size: Arial; font-size: 16; text-align: left;">
                <th>Tremor</th>
                <td>
                    <select name="tremor" data-normal="No" id="tremor" onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
            </tr>
            <tr style="font-size: Arial; font-size: 16; text-align: left;">
                <th>Rigidity and bradykinesia</th>
                <td>
                    <select name="rigidityAndBradykinesia" id="rigidityAndBradykinesia" data-normal="No" onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
            </tr>
            <tr style="font-size: Arial; font-size: 16; text-align: left;">
                <th>History of loss of balance</th>
                <td>
                    <select name="historyOfLossOfBalance" data-normal="No" id="historyOfLossOfBalance" onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
            </tr>
            <tr style="font-size: Arial; font-size: 16; text-align: left;">
                <th>Micrographia</th>
                <td>
                    <select name="micrographia" data-normal="No" id="micrographia" onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
            </tr>
            <tr style="font-size: Arial; font-size: 16; text-align: left;">
                <th>History of shuffling gait</th>
                <td>
                    <select name="historyOfShufflingGait" id="historyOfShufflingGait" data-normal="No" onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
            </tr>
            <tr style="font-size: Arial; font-size: 16; text-align: left;">
                <th>Trouble turning in bed</th>
                <td>
                    <select name="troubleTurningInBed" id="troubleTurningInBed" data-normal="No" onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
            </tr>
            <tr style="font-size: Arial; font-size: 16; text-align: left;">
                <th>Trouble opening jars</th>
                <td>
                    <select name="troubleOpeningJars" id="troubleOpeningJars" data-normal="No" onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
            </tr>
            <tr style="font-size: Arial; font-size: 16; text-align: left;">
                <th>Trouble rising from a chair</th>
                <td>
                    <select name="troubleRisingFromAChair" id="troubleRisingFromAChair" data-normal="No" onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
            </tr>
    </table>
    </fieldset>
    <fieldset style="width: 559.5px; display: inline; vertical-align: top; height: 262.5px;">
	<legend style="font-size: 20; font-weight: bold;">Diagnostic Tests</legend>
	<table class="inputFieldsTable" id="test" cellpadding="3">
        <tr style="font-size: Arial; font-size: 16; text-align: left;">
            <th>Glabella tap test</th>
                <td>
                    <select name="glabellaTapTest" id="glabellaTapTest" data-normal="No" onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
        </tr>
        <tr style="font-size: Arial; font-size: 16; text-align: left;">
                <th>Difficulty walking heel to toe</th>
                <td >
                    <select name="difficultyWalkingHeelToToe" id="difficultyWalkingHeelToToe" data-normal="No"onchange="updatePostTest('postTestBarCanvas');">
                        <option value="" class="normal">Unk</option>
                        <option value="No" class="normal">No</option>
                        <option value="Yes" class="abnormal">Yes</option>
                    </select>
                </td>
        </tr>
    </table>
    </fieldset>
</div>
</div>

<!-- RECOMMENDATIONS -->
<div class="recOutline">
<fieldset style="width: 1163px; display: inline; vertical-align: top;">
    <legend style=" font-size: 20px; font-weight: bold;">Probability (based on likelihood ratios)</legend>
    <div class="blockRecommendations">
	<table cellspacing="0" cellpadding="5" style="padding: 0px; border-collapse: collapse; border: 0px; margin: 0px;">
		<tr>
			<td>Pre-test Probability <sup>(based on prevalence)</sup></td>
			<td style="padding-left: 10px;">
                <div id="preTestBar" class="percentBar">
                    <div id="preTestInnerBar" class="innerBar"></div>
                    <div id="preTestBarText" class="percentText"></div>
                </div>
                <script type="text/javascript" language="JavaScript">
					drawProbability('preTestProbability');
				</script>
            </td>
		</tr>
		<tr>
			<td>
			Post-test Probability <sup>(click for info)</sup>
			</td>
			<td style="padding-left: 10px;">
                <div id="postTestBar" class="percentBar">
                    <script type="text/javascript" language="JavaScript">
                        loadCanvas('postTestBar');
                    </script>
                    <div id="postTestInnerBar" class="innerBar"></div>
                    <div id="postTestBarText" class="percentText"></div>
                </div>
                    <script type="text/javascript" language="JavaScript">
                        drawProbability('postTestProbability');
                    </script>
            </td>
		</tr>
        <tr>
            <td>
                <input type="button" name="resetForm" value="Reset Form" onclick="resetForm();" style=" width: 150px;">
            </td>
        </tr>
	</table>
    </fieldset>
</div>
</div>

<!-- POSITIVE AND NEGATIVE RATIO RANGES -->
<div class="ratioRangeBlocks">
	<div>
        <fieldset style="width: 563px; display: inline; vertical-align: top;">
            <legend style="font-size: 20; font-weight: bold;">Positive LR Ranges</legend>
            <table style="margin-left: 160px;">
                <tr style="font-size: Arial; font-size: 12px;">
                    <th style="padding-left: 2px;">0%</th>
                    <th style="padding-left: 35px;">15%</th>
                    <th style="padding-left: 73px;">40%</th>
                    <th style="padding-left: 195px;">100%</th>
                </tr>
            </table>     
            <table>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Tremor: </th>
                        <td><input id="pTremor" type="text" size="7" style="margin-right: 10px; margin-top: 0px;"></td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Tremor:', 'LR+', 1.3, 1.5, '#D8BFD8', 130)"; onMouseout="hidePopUpInfo()">
                        <div class="rangeBar" id="pTremorBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                        </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Tremor', true);
                                loadCanvas('pTremorBar');
                                drawConfidenceBars('pTremorBarCanvas', 1.3, 1.4, 1.5);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Rigidity and bradykinesia: </th>
                        <td><input type="text" size="7" id="pRigidityAndBradykinesia" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Rigidity and bradykinesia:', 'LR+', 4.5, 4.5, '#D8BFD8', 180)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="pRigidityAndBradykinesiaBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Rigidity and bradykinesia', true);
                                loadCanvas('pRigidityAndBradykinesiaBar');
                                drawConfidenceBars('pRigidityAndBradykinesiaBarCanvas', 4.5, 4.5, 4.5);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>History of loss of balance: </th>
                        <td><input type="text" size="7" id="pHistoryOfLossOfBalance" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('History of loss of balance:', 'LR+', 1.6, 6.6, '#D8BFD8', 170)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="pHistoryOfLossOfBalanceBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('History of loss of balance', true);
                                loadCanvas('pHistoryOfLossOfBalanceBar');
                                drawConfidenceBars('pHistoryOfLossOfBalanceBarCanvas', 1.6, 4.1, 6.6);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Micrographia: </th>
                        <td><input type="text" size="7" id="pMicrographia" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Micrographia:', 'LR+', 2.8, 5.9, '#D8BFD8', 120)"; onMouseout="hidePopUpInfo()">
                           <div class="rangeBar" id="pMicrographiaBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Micrographia', true);
                                loadCanvas('pMicrographiaBar');
                                drawConfidenceBars('pMicrographiaBarCanvas', 2.8, 4.35, 5.9);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>History of shuffling gait: </th>
                        <td><input type="text" size="7" id="pHistoryOfShufflingGait" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('History of shuffling gait:', 'LR+', 3.3, 15, '#D8BFD8', 170)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="pHistoryOfShufflingGaitBar">
                               <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('History of shuffling gait', true);
                                loadCanvas('pHistoryOfShufflingGaitBar');
                                drawConfidenceBars('pHistoryOfShufflingGaitBarCanvas', 3.3, 9.15, 15);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Trouble turning in bed: </th>
                        <td><input type="text" size="7" id="pTroubleTurningInBed" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Trouble turning in bed:', 'LR+', 13, 13, '#D8BFD8', 160)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="pTroubleTurningInBedBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Trouble turning in bed', true);
                                loadCanvas('pTroubleTurningInBedBar');
                                drawConfidenceBars('pTroubleTurningInBedBarCanvas', 13, 13, 13);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Trouble opening jars: </th>
                        <td><input type="text" size="7" id="pTroubleOpeningJars" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Trouble opening jars:', 'LR+', 6.1, 6.1,  '#D8BFD8', 160)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="pTroubleOpeningJarsBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Trouble opening jars', true);
                                loadCanvas('pTroubleOpeningJarsBar');
                                drawConfidenceBars('pTroubleOpeningJarsBarCanvas', 6.1, 6.1, 6.1);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Trouble rising from a chair: </th>
                        <td><input type="text" size="7" id="pTroubleRisingFromAChair" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Trouble rising from a chair:', 'LR+', 1.9, 5.2, '#D8BFD8', 180)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="pTroubleRisingFromAChairBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Trouble rising from a chair', true);
                                loadCanvas('pTroubleRisingFromAChairBar');
                                drawConfidenceBars('pTroubleRisingFromAChairBarCanvas', 1.9, 3.55, 5.2);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Glabella tap test: </th>
                        <td><input type="text" size="7" id="pGlabellaTapTest" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Glabella tap test:', 'LR+', 4.5, 4.5, '#D8BFD8', 120)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="pGlabellaTapTestBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Glabella tap test', true);
                                loadCanvas('pGlabellaTapTestBar');
                                drawConfidenceBars('pGlabellaTapTestBarCanvas', 4.5, 4.5, 4.5);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Difficulty walking heel to toe: </th>
                        <td><input type="text" size="7" id="pDifficultyWalkingHeelToToe" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Difficulty walking heel to toe:', 'LR+', 2.9, 2.9, '#D8BFD8', 190)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="pDifficultyWalkingHeelToToeBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Difficulty walking heel to toe', true);
                                loadCanvas('pDifficultyWalkingHeelToToeBar');
                                drawConfidenceBars('pDifficultyWalkingHeelToToeBarCanvas', 2.9, 2.9, 2.9);
                            </script>
                        </td>
                </tr>
            </table>
        </fieldset>
        <fieldset style="width: 567px; display: inline; vertical-align: top;">
            <legend style="font-size: 20; font-weight: bold;">Negative LR Ranges</legend>
            <table style="margin-left: 160px;">
                <tr style="font-size: Arial; font-size: 12px;">
                    <th style="padding-left: 2px;">0%</th>
                    <th style="padding-left: 35px;">15%</th>
                    <th style="padding-left: 73px;">40%</th>
                    <th style="padding-left: 195px;">100%</th>
                </tr>
            </table>  
            <table class="inputFieldsTable">
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Tremor: 
                    </th>
                        <td><input id="nTremor" size="7" style="margin-right: 10px; margin-top: 0px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Tremor:', 'LR-', 0.47, 0.61, '#D8BFD8', 130)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="nTremorBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Tremor', false);
                                loadCanvas('nTremorBar');
                                drawConfidenceBars('nTremorBarCanvas', 0.47, 0.54, 0.61);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Rigidity and bradykinesia: </th>
                        <td><input type="text" size="7" id="nRigidityAndBradykinesia" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Rigidity and bradykinesia:', 'LR-', 0.12, 0.12, '#D8BFD8', 180)"; onMouseout="hidePopUpInfo()">
                           <div class="rangeBar" id="nRigidityAndBradykinesiaBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Rigidity and bradykinesia', false);
                                loadCanvas('nRigidityAndBradykinesiaBar');
                                drawConfidenceBars('nRigidityAndBradykinesiaBarCanvas', 0.12, 0.12, 0.12);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>History of loss of balance: </th>
                        <td><input type="text" size="7" id="nHistoryOfLossOfBalance" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('History of loss of balance:', 'LR-', 0.29, 0.35, '#D8BFD8', 170)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="nHistoryOfLossOfBalanceBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('History of loss of balance', false);
                                loadCanvas('nHistoryOfLossOfBalanceBar');
                                drawConfidenceBars('nHistoryOfLossOfBalanceBarCanvas', 0.29, 0.32, 0.35);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Micrographia: </th>
                        <td><input type="text" size="7" id="nMicrographia" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Micrographia:', 'LR-', 0.3, 0.44, '#D8BFD8', 120)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="nMicrographiaBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Micrographia', false);
                                loadCanvas('nMicrographiaBar');
                                drawConfidenceBars('nMicrographiaBarCanvas', 0.3, 0.37, 0.44);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>History of shuffling gait: </th>
                        <td><input type="text" size="7" id="nHistoryOfShufflingGait" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('History of shuffling gait:', 'LR-', 0.32, 0.50, '#D8BFD8', 170)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="nHistoryOfShufflingGaitBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('History of shuffling gait', false);
                                loadCanvas('nHistoryOfShufflingGaitBar');
                                drawConfidenceBars('nHistoryOfShufflingGaitBarCanvas', 0.32, 0.41, 0.50);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Trouble turning in bed: </th>
                        <td><input type="text" size="7" id="nTroubleTurningInBed" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Trouble turning in bed:', 'LR-', 0.56, 0.56, '#D8BFD8', 160)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="nTroubleTurningInBedBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Trouble turning in bed', false);
                                loadCanvas('nTroubleTurningInBedBar');
                                drawConfidenceBars('nTroubleTurningInBedBarCanvas', 0.56, 0.56, 0.56);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Trouble opening jars: </th>
                        <td><input type="text" size="7" id="nTroubleOpeningJars" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Trouble opening jars:', 'LR-', 0.26, 0.26,  '#D8BFD8', 160)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="nTroubleOpeningJarsBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Trouble opening jars', false);
                                loadCanvas('nTroubleOpeningJarsBar');
                                drawConfidenceBars('nTroubleOpeningJarsBarCanvas', 0.26, 0.26, 0.26);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Trouble rising from a chair: </th>
                        <td><input type="text" size="7" id="nTroubleRisingFromAChair" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Trouble rising from a chair:', 'LR-', 0.39, 0.58, '#D8BFD8', 180)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="nTroubleRisingFromAChairBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Trouble rising from a chair', false);
                                loadCanvas('nTroubleRisingFromAChairBar');
                                drawConfidenceBars('nTroubleRisingFromAChairBarCanvas', 0.39, 0.485, 0.58);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Glabella tap test: </th>
                        <td><input type="text" size="7" id="nGlabellaTapTest" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Glabella tap test:', 'LR-', 0.13, 0.13, '#D8BFD8', 120)"; onMouseout="hidePopUpInfo()">
                            <div class="rangeBar" id="nGlabellaTapTestBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Glabella tap test', false);
                                loadCanvas('nGlabellaTapTestBar');
                                drawConfidenceBars('nGlabellaTapTestBarCanvas', 0.13, 0.13, 0.13);
                            </script>
                        </td>
                </tr>
                <tr style="font-size: Arial; font-size: 12; text-align: left;">
                    <th>Difficulty walking heel to toe: </th>
                        <td><input type="text" size="7" id="nDifficultyWalkingHeelToToe" style="margin-right: 10px;">
                        </td>
                        <td style="padding-left: 10px;" onMouseover="showPopUpInfo('Difficulty walking heel to toe:', 'LR-', 0.32, 0.32, '#D8BFD8', 190)"; onMouseout="hidePopUpInfo()">
                           <div class="rangeBar" id="nDifficultyWalkingHeelToToeBar">
                                <div class="greenBar"></div>
                                <div class="yellowBar"></div>
                                <div class="redBar"></div>
                            </div>
                            <script type="text/javascript" language="JavaScript">
                                getLRForDisplay('Difficulty walking heel to toe', false);
                                loadCanvas('nDifficultyWalkingHeelToToeBar');
                                drawConfidenceBars('nDifficultyWalkingHeelToToeBarCanvas', 0.32, 0.32, 0.32);
                            </script>
                        </td>
                </tr>                
            </table>
        </fieldset>
    </div>
</div>
</body>
</html>

Document Actions

 

Download button

DOWNLOAD OSCAR FOR TESTING

 

eForms button

DOWNLOAD SHARED E-FORMS


 Customize button

FIND PLUG-INS AND TWEAKS
FOR YOUR OSCAR EMR

 

Subscribe Button

SUBSCRIBE TO DISCUSSION LIST 
(SEE ALL LISTS)

  

Help button

ACCESS THE ONLINE MANUALS
(PAID SUPPORT)