<html > <head> <META http-equiv="Content-Type" content="text/html; charset=utf-16"><script src="./jquery-1.4.2.js" type="text/javascript"></script><script type="text/javascript"> var FontDifference=4; var PlayIntroductionSound='True'; var picPath='./'; var wavePath='./'; var videoPath='./'; var highlightColor = '#F2A337'; var OnImage = 'sound_on.png'; var OffImage = 'sound_of.png'; var showInstruction = 'True'; var pairCount = 8; var arrowColor = '#FF8000'; var attempts = 2; </script><script src="jquery-1.4.2.js" type="text/javascript"></script><script src="jsScroller.js" type="text/javascript"></script><script src="jquery-swapsies.js" type="text/javascript"></script><link href="scroll.css" rel="stylesheet" type="text/css"><script src="MatchPairs.js" type="text/javascript"></script><link href="MatchPairs.css" rel="stylesheet" type="text/css"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-74870351-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-74870351-1'); </script> </head> <body> <div id="mainPanel" sound="./termleft(1).ogg" style="position: absolute; top: 0px; left: 0px; overflow: hidden; width: 715px; height: 500px"><img src="./RaptivityBG_8.jpg" id="interactionBackgroundImage" alt="" style="position:absolute;top:0px;left:0px;width:715px;height:500px; background-repeat: no-repeat;margin:0 0 0 0 0;border-style:none"><div id="interactionTitleText" class="txtControl" style="position:absolute;top:15px;left:20px;width:522px;height:36.05px;overflow:hidden;margin:0 0 0 0 0;z-index:50"><html><p align="Left"><Font face="Verdana" size="19" color="#ffffff"><textformat tabstops='[20]' leftmargin='0' class="mainheading">Patient Care Terms - Matching 1</textformat></Font></p></html></div> <div id="interactionInstruction" class="txtControl" style="position:absolute;top:454px;left:222px;width:345px;height:39.05px;overflow:hidden;margin:0 0 0 0 0;z-index:50"><html><p align="Left"><Font face="Microsoft Sans Serif" size="13" color="#ffffff"><textformat tabstops='[20]' leftmargin='0'>Match the term on the left with concept on the right. You have 2 chances for each pair.</textformat></Font></p></html></div><a href="#" onClick="javascript:toggleSoundButton()" style="border-style: none"><img src="./sound_on.png" id="interactionAudio" alt="" style="Z-index:500;position:absolute;top:18px;left:676px;width:25px;height:25px; background-repeat: no-repeat;margin:0 0 0 0 0;border-style:none"></a><div id="transparentDiv" style="display:none;z-Index:5;position:absolute;top:40px;left:10px;width:690px;height:320px;"></div> <div id="pairs" style="overflow:hidden;z-Index:10;position: absolute;top: 60px; left: 10px; width:690px; height:300px;"><a href="#" class="Scrollbar-Up" id="imgArrowUp" onMouseOver="scroller.startScroll(0, 5);" onMouseOut="scroller.stopScroll();" style="z-Index:10;position:absolute; left:660px; top:0px;width:18px;height:21px"><img src="arrow_top.png" alt=""></a><a href="#" class="Scrollbar-Down Image-Up" id="imgArrowDown" onMouseOver="scroller.startScroll(0, -5);" onMouseOut="scroller.stopScroll();" style="z-Index:10;position:absolute; left:660px; top:270px;width:18px;height:21px"><img src="arrow_down.png" alt=""></a><div id="scrollPanel" class="Scroller-Container"> <div id="leftPairs" style="overflow:hidden;position: absolute;top: 0px; left: 0px; width:230px; height:320px;"> <div class="iframeoptions"> <div id="left1" matchcolor="#82A930" matched="false" index="1" class="left txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);padding:5px 5px 5px 5px;cursor:pointer;background-Color:#246C97;color:#000000; display: inline-block;margin-left: 10px;top:0px;width:200px;" onclick="PerformClick(1);"><html><p align="Left"><Font face="Verdana" size="13" color="#ffffff"><textformat tabstops='[20]' leftmargin='0'><B>Normal BUN Lab</B></textformat></Font><Font face="Verdana" size="13" color="#400040" ></Font><Font face="Verdana" size="13" color="#400040" ><textformat tabstops='[20]' leftmargin='0'> </textformat></Font><Font face="Verdana" size="15" color="#400040" ></Font><Font face="Verdana" size="15" color="#400040" ><textformat tabstops='[20]' leftmargin='0'> </textformat></Font><Font face="Times New Roman" size="17" color="#000000" ></Font><Font face="Times New Roman" size="17" color="#000000" ><textformat tabstops='[20]' leftmargin='0'> </textformat></Font></p></html></div> </div> <div class="iframeoptions"> <div id="left2" matchcolor="#91BD35" matched="false" index="2" class="left txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);padding:5px 5px 5px 5px;cursor:pointer;background-Color:#246C97;color:#000000; display: inline-block;margin-left: 10px;top:0px;width:200px" onclick="PerformClick(2);"><html><p align="Left"><Font face="Verdana" size="13" color="#ffffff"><textformat tabstops='[20]' leftmargin='0'><B>Normal Creatine Lab</B></textformat></Font></p></html></div> </div> <div class="iframeoptions"> <div id="left3" matchcolor="#8AAF45" matched="false" index="3" class="left txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);padding:5px 5px 5px 5px;cursor:pointer;background-Color:#246C97;color:#000000;display: inline-block;margin-left: 10px;top:0px;width:200px" onclick="PerformClick(3);"><html><p align="Left"><Font face="Verdana" size="13" color="#ffffff"><textformat tabstops='[20]' leftmargin='0'><B>Gray</B></textformat></Font></p></html></div> </div> <div class="iframeoptions"> <div id="left4" matchcolor="#94AB45" matched="false" index="4" class="left txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);padding:5px 5px 5px 5px;cursor:pointer;background-Color:#246C97;color:#000000;display: inline-block;margin-left: 10px;top:0px;width:200px" onclick="PerformClick(4);"><html><p align="Left"><Font face="Verdana" size="13" color="#ffffff"><textformat tabstops='[20]' leftmargin='0'><B>Rem</B></textformat></Font></p></html></div> </div> <div class="iframeoptions"> <div id="left5" matchcolor="#9CB83D" matched="false" index="5" class="left txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);padding:5px 5px 5px 5px;cursor:pointer;background-Color:#246C97;color:#000000;display: inline-block;margin-left: 10px;top:0px;width:200px" onclick="PerformClick(5);"><html><p align="Left"><Font face="Verdana" size="13" color="#ffffff"><textformat tabstops='[20]' leftmargin='0'><B>2 Rem</B></textformat></Font></p></html></div> </div> <div class="iframeoptions"> <div id="left6" matchcolor="#A3CB45" matched="false" index="6" class="left txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);padding:5px 5px 5px 5px;cursor:pointer;background-Color:#246C97;color:#000000;display: inline-block;margin-left: 10px;top:0px;width:200px" onclick="PerformClick(6);"><html><p align="Left"><Font face="Verdana" size="13" color="#ffffff"><textformat tabstops='[20]' leftmargin='0'><B>1-5 rads</B></textformat></Font></p></html></div> </div> <div class="iframeoptions"> <div id="left7" matchcolor="#A3CB45" matched="false" index="7" class="left txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);padding:5px 5px 5px 5px;cursor:pointer;background-Color:#246C97;color:#000000;display: inline-block;margin-left: 10px;width:200px" onclick="PerformClick(7);"><html><p align="Left"><Font face="Verdana" size="13" color="#ffffff"><textformat tabstops='[20]' leftmargin='0'><B>gap between slices</B></textformat></Font></p></html></div> </div> <div class="iframeoptions"> <div id="left8" matchcolor="#A3CB45" matched="false" index="8" class="left txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);padding:5px 5px 5px 5px;cursor:pointer;background-Color:#246C97;color:#000000;display: inline-block;margin-left: 10px;width:200px" onclick="PerformClick(8);"><html><p align="Left"><Font face="Verdana" size="13" color="#ffffff"><textformat tabstops='[20]' leftmargin='0'><B>Overlap of slices</B></textformat></Font></p></html></div> </div> </div> <div id="rightPairs" style="overflow:hidden;position:absolute;top:0px;left:240px;width:400px;height:320px;"> <div id="right1" matchcolor="#82A930" index="1" swapindex="1" class="right txtControl" style="position:absolute;left:0px;top:0px;width:400px" onclick="MatchAnswerAndSwap(1);"><canvas id="arrow1" style="position: absolute;top: 3px; left: 0px; width:20px; height:20px;"></canvas><div id="subright1" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_right.png);padding:5px 5px 5px 5px;background-Color:#8BDAF8;color:#000000;position:relative;left:20px;top:0px;width:360px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'><B>5-25 mg/dL</B> </textformat></Font><Font face="Times New Roman" size="17" color="#000000" ></Font><Font face="Times New Roman" size="17" color="#000000" ><textformat tabstops='[20]' leftmargin='0'> </textformat></Font></p></html></div> </div> <div id="right2" matchcolor="#91BD35" index="2" swapindex="2" class="right txtControl" style="position:absolute;left:0px;top:0px;width:400px" onclick="MatchAnswerAndSwap(2);"><canvas id="arrow2" style="position: absolute;top: 3px; left: 0px; width:20px; height:20px;"></canvas><div id="subright2" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_right.png);padding:5px 5px 5px 5px;background-Color:#8BDAF8;color:#000000;position:relative;left:20px;top:0px;width:360px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'><B>0.6 - 1.7 mg/dL</B> </textformat></Font><Font face="Times New Roman" size="17" color="#000000" ></Font><Font face="Times New Roman" size="17" color="#000000" ><textformat tabstops='[20]' leftmargin='0'> </textformat></Font></p></html></div> </div> <div id="right3" matchcolor="#8AAF45" index="3" swapindex="3" class="right txtControl" style="position:absolute;left:0px;top:0px;width:400px" onclick="MatchAnswerAndSwap(3);"><canvas id="arrow3" style="position: absolute;top: 3px; left: 0px; width:20px; height:20px;"></canvas><div id="subright3" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_right.png);padding:5px 5px 5px 5px;background-Color:#8BDAF8;color:#000000;position:relative;left:20px;top:0px;width:360px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'><B>measurement of radiation dose</B></textformat></Font></p></html></div> </div> <div id="right4" matchcolor="#94AB45" index="4" swapindex="4" class="right txtControl" style="position:absolute;left:0px;top:0px;width:400px" onclick="MatchAnswerAndSwap(4);"><canvas id="arrow4" style="position: absolute;top: 3px; left: 0px; width:20px; height:20px;"></canvas><div id="subright4" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_right.png);padding:5px 5px 5px 5px;background-Color:#8BDAF8;color:#000000;position:relative;left:20px;top:0px;width:360px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'><B>measurement of all types of radiation</B></textformat></Font></p></html></div> </div> <div id="right5" matchcolor="#9CB83D" index="5" swapindex="5" class="right txtControl" style="position:absolute;left:0px;top:0px;width:400px" onclick="MatchAnswerAndSwap(5);"><canvas id="arrow5" style="position: absolute;top: 3px; left: 0px; width:20px; height:20px;"></canvas><div id="subright5" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_right.png);padding:5px 5px 5px 5px;background-Color:#8BDAF8;color:#000000;position:relative;left:20px;top:0px;width:360px"><html><p align="Left"><Font face="Verdana" size="14" color="#000000"><textformat tabstops='[20]' leftmargin='0'><B>average annual radiation dose</B></textformat></Font></p></html></div> </div> <div id="right6" matchcolor="#A3CB45" index="6" swapindex="6" class="right txtControl" style="position:absolute;left:0px;top:0px;width:400px" onclick="MatchAnswerAndSwap(6);"><canvas id="arrow6" style="position: absolute;top: 3px; left: 0px; width:20px; height:20px;"></canvas><div id="subright6" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_right.png);padding:5px 5px 5px 5px;background-Color:#8BDAF8;color:#000000;position:relative;left:20px;top:0px;width:360px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'><B>average exposure from Head CT</B></textformat></Font></p></html></div> </div> <div id="right7" matchcolor="#A3CB45" index="7" swapindex="7" class="right txtControl" style="position:absolute;left:0px;top:0px;width:400px" onclick="MatchAnswerAndSwap(7);"><canvas id="arrow7" style="position: absolute;top: 3px; left: 0px; width:20px; height:20px;"></canvas><div id="subright7" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_right.png);padding:5px 5px 5px 5px;background-Color:#8BDAF8;color:#000000;position:relative;left:20px;top:0px;width:360px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'><B>MSAD less than CTDI</B></textformat></Font></p></html></div> </div> <div id="right8" matchcolor="#A3CB45" index="8" swapindex="8" class="right txtControl" style="position:absolute;left:0px;top:0px;width:400px" onclick="MatchAnswerAndSwap(8);"><canvas id="arrow8" style="position: absolute;top: 3px; left: 0px; width:20px; height:20px;"></canvas><div id="subright8" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_right.png);padding:5px 5px 5px 5px;background-Color:#8BDAF8;color:#000000;position:relative;left:20px;top:0px;width:360px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'><B>MSAD greater than CTDI</B></textformat></Font></p></html></div> </div> </div> </div> </div> <div id="wrongAnswer" sound="./that is incorrect.ogg" class="txtControl" style="border-radius: 8px;padding:10px 5px 0px 5px;background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>Sorry! You have selected an incorrect option. Please try again.</textformat></Font></p></html></div> <div id="correctAnswer" sound="./youre right.ogg" class="txtControl" style="border-radius: 8px;padding:10px 5px 0px 5px;background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>That's the correct answer! </textformat></Font></p></html></div> <div id="finishMessage" sound="./great job.ogg" class="txtControl" style="border-radius: 8px;padding:10px 5px 0px 5px;background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>You have successfully completed the exercise.</textformat></Font></p></html></div> <div id="giveUpMessage" sound="./" class="txtControl" style="border-radius: 8px;padding:10px 5px 0px 5px;background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Center"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>Seems that you are stuck. The correct matches are displayed on the screen.</textformat></Font></p></html></div> <div id="feedback1" class="txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Center"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>Sorry! You have selected an incorrect option. Please try again.</textformat></Font></p></html></div> <div id="feedback2" class="txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Center"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>Sorry! You have selected an incorrect option. Please try again.</textformat></Font></p></html></div> <div id="feedback3" class="txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>Sorry! You have selected an incorrect option. Please try again.</textformat></Font></p></html></div> <div id="feedback4" class="txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>Sorry! You have selected an incorrect option. Please try again.</textformat></Font></p></html></div> <div id="feedback5" class="txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Center"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'> Sorry! You have selected an incorrect option. Please try again.</textformat></Font></p></html></div> <div id="feedback6" class="txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>Sorry! You have selected an incorrect option. Please try again.</textformat></Font></p></html></div> <div id="feedback7" class="txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>Sorry! You have selected an incorrect option. Please try again.</textformat></Font></p></html></div> <div id="feedback8" class="txtControl" style="background-size: 100% 100%;background-repeat: no-repeat;background-image: url(match_pair_left.png);display:none;background-Color:#CCDEEC;position:absolute;left:212px;top:425px;width:488px;height:25.05px"><html><p align="Left"><Font face="Verdana" size="13" color="#000000"><textformat tabstops='[20]' leftmargin='0'>Sorry! You have selected an incorrect option. Please try again.</textformat></Font></p></html></div><img id="giveUpId" src="giveup.png" alt="" style="cursor:pointer;position:absolute; top:459px; left:630.1px; width: 71px; height:31px" onClick="ShowAnswer();"><div id="MediaText1" class="txtControl" style="z-Index:50;position:absolute;top:15px;left:650px;width:20px;height:20px;overflow:hidden;margin:0 0 0 0 0;z-index:auto"></div> </div> <div id="logMsg" style="overflow:auto;width:100px;height:100px"></div> </body> </html> <style type="text/css"> .iframeoptions{ margin-bottom: 10px; } @media only screen and (max-width: 667px) { .iframeoptions{ margin-bottom: 2px; width: 100%; overflow: hidden; } .iframeoptions .left, .iframeoptions .right{ width: 100%!important; margin:3px 0px!important; margin-left: 0px!important; display: block!important; float: left!important; } canvas{ display: none!important; } #mainPanel{ height: 830px!important; width: 100%!important; } #interactionTitleText{ width: 90%!important; } #interactionBackgroundImage{ width: 100%!important; height: 100%!important; } #interactionInstruction{ top: auto!important; left: 11px!important; width: 90%!important; bottom: 10px; } #transparentDiv{ width: 100%!important; } #pairs{ width: 95%!important; height: 650px!important; left: 5px!important; } .Scroller-Container{ width: 100%!important; height: 650px!important; } .right{ width: 100%!important; } #leftPairs{ width: 100%!important; height: 270px!important; position: relative!important; margin-bottom: 10px; left: 0px!important; } #rightPairs{ width: 100%!important; height: 360px!important; position: relative!important; left: 0px!important; } #rightPairs .right > div{ left: 0px!important; width: 93%!important; } #giveUpId{ bottom: 95px; left: 10px!important; width: 71px; height: 31px; top: auto!important; } .righttxt{ width: 95%!important; } .headingiframe{ font-size: 14px!important; } .mainheading{ font-size: 15px; } #correctAnswer, #wrongAnswer, #feedback1, #feedback2, #feedback3, #feedback4, #feedback5, #feedback6, #feedback7, #feedback8{ top: auto!important; bottom: 60px; left: 10px!important; width: 90%!important; padding: 5px!important; } #giveUpMessage{ top: auto!important; bottom: 95px; left: 10px!important; width: 90%!important; padding: 5px!important; } } </style>