1. <?xml version="1.0"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml"
  4. xml:lang="en"><head><meta name="author" content="Created with Hot Potatoes by Half-Baked Software, registered to ika."></meta><meta name="keywords" content="Hot Potatoes, Hot Potatoes, Half-Baked Software, Windows, University of Victoria"></meta>
  5. 
  6. <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
  7. <meta name="DC:Creator" content="ika" />
  8. <meta name="DC:Creator" content="yuli" />
  9. <meta name="DC:Title" content="Holiday- Arrange the sentences" />
  10. 
  11. 
  12. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  13. 
  14. <title>
  15. Holiday- Arrange the sentences
  16. </title>
  17. 
  18. <!-- Made with executable version 6.3 Release 0 Build 1 -->
  19. 
  20. <!-- The following insertion allows you to add your own code directly to this head tag from the configuration screen -->
  21. 
  22. 
  23. 
  24. <style type="text/css">
  25. 
  26. 
  27. /* This is the CSS stylesheet used in the exercise. */
  28. /* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */
  29. 
  30. /* BeginCorePageCSS */
  31. 
  32. /* Made with executable version 6.3 Release 0 Build 1 */
  33. 
  34. 
  35. /* Hack to hide a nested Quicktime player from IE, which can't handle it. */
  36. * html object.MediaPlayerNotForIE {
  37. display: none;
  38. }
  39. 
  40. body{
  41. font-family: Geneva,Arial,sans-serif;
  42. background-color: #C0C0C0;
  43. color: #000000;
  44. background-image: url(turtle.jpg);
  45. margin-right: 5%;
  46. margin-left: 5%;
  47. font-size: small;
  48. }
  49. 
  50. p{
  51. text-align: left;
  52. margin: 0px;
  53. font-size: 100%;
  54. }
  55. 
  56. table,div,span,td{
  57. font-size: 100%;
  58. color: #000000;
  59. }
  60. 
  61. div.Titles{
  62. padding: 0.5em;;
  63. text-align: center;
  64. color: #000000;
  65. }
  66. 
  67. button{
  68. font-family: Geneva,Arial,sans-serif;
  69. font-size: 100%;
  70. display: inline;
  71. }
  72. 
  73. .ExerciseTitle{
  74. font-size: 140%;
  75. color: #000000;
  76. }
  77. 
  78. .ExerciseSubtitle{
  79. font-size: 120%;
  80. color: #000000;
  81. }
  82. 
  83. div.StdDiv{
  84. background-color: #FFFFFF;
  85. text-align: center;
  86. font-size: 100%;
  87. color: #000000;
  88. padding: 0.5em;
  89. border-style: solid;
  90. border-width: 1px 1px 1px 1px;
  91. border-color: #000000;
  92. margin-bottom: 1px;
  93. }
  94. 
  95. /* EndCorePageCSS */
  96. 
  97. .RTLText{
  98. text-align: right;
  99. font-size: 150%;
  100. direction: rtl;
  101. font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;
  102. }
  103. 
  104. .CentredRTLText{
  105. text-align: center;
  106. font-size: 150%;
  107. direction: rtl;
  108. font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif;
  109. }
  110. 
  111. button p.RTLText{
  112. text-align: center;
  113. }
  114. 
  115. .RTLGapBox{
  116. text-align: right;
  117. font-size: 150%;
  118. direction: rtl;
  119. font-family: "Times New Roman", Geneva,Arial,sans-serif;
  120. }
  121. 
  122. .Guess{
  123. font-weight: bold;
  124. }
  125. 
  126. .CorrectAnswer{
  127. font-weight: bold;
  128. }
  129. 
  130. div#Timer{
  131. padding: 0.25em;
  132. margin-left: auto;
  133. margin-right: auto;
  134. text-align: center;
  135. color: #000000;
  136. }
  137. 
  138. span#TimerText{
  139. padding: 0.25em;
  140. border-width: 1px;
  141. border-style: solid;
  142. font-weight: bold;
  143. display: none;
  144. color: #000000;
  145. }
  146. 
  147. span.Instructions{
  148. 
  149. }
  150. 
  151. div.ExerciseText{
  152. 
  153. }
  154. 
  155. .FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
  156. color: #000000;
  157. }
  158. 
  159. .LeftItem{
  160. font-size: 100%;
  161. color: #000000;
  162. text-align: left;
  163. }
  164. 
  165. .RightItem{
  166. font-weight: bold;
  167. font-size: 100%;
  168. color: #000000;
  169. }
  170. 
  171. span.CorrectMark{
  172. 
  173. }
  174. 
  175. input, textarea{
  176. font-family: Geneva,Arial,sans-serif;
  177. font-size: 120%;
  178. }
  179. 
  180. select{
  181. font-size: 100%;
  182. }
  183. 
  184. div.Feedback {
  185. background-color: #C0C0C0;
  186. left: 33%;
  187. width: 34%;
  188. top: 33%;
  189. z-index: 1;
  190. border-style: solid;
  191. border-width: 1px;
  192. padding: 5px;
  193. text-align: center;
  194. color: #000000;
  195. position: absolute;
  196. display: none;
  197. font-size: 100%;
  198. }
  199. 
  200. 
  201. 
  202. 
  203. div.ExerciseDiv{
  204. color: #000000;
  205. }
  206. 
  207. /* JMatch flashcard styles */
  208. table.FlashcardTable{
  209. background-color: transparent;
  210. color: #000000;
  211. border-color: #000000;
  212. margin-left: 5%;
  213. margin-right: 5%;
  214. margin-top: 2em;
  215. margin-bottom: 2em;
  216. width: 90%;
  217. position: relative;
  218. text-align: center;
  219. padding: 0px;
  220. }
  221. 
  222. table.FlashcardTable tr{
  223. border-style: none;
  224. margin: 0px;
  225. padding: 0px;
  226. background-color: #FFFFFF;
  227. }
  228. 
  229. table.FlashcardTable td.Showing{
  230. font-size: 140%;
  231. text-align: center;
  232. width: 50%;
  233. display: table-cell;
  234. padding: 2em;
  235. margin: 0px;
  236. border-style: solid;
  237. border-width: 1px;
  238. color: #000000;
  239. background-color: #FFFFFF;
  240. }
  241. 
  242. table.FlashcardTable td.Hidden{
  243. display: none;
  244. }
  245. 
  246. /* JMix styles */
  247. div#SegmentDiv{
  248. margin-top: 2em;
  249. margin-bottom: 2em;
  250. text-align: center;
  251. }
  252. 
  253. a.ExSegment{
  254. font-size: 120%;
  255. font-weight: bold;
  256. text-decoration: none;
  257. color: #000000;
  258. }
  259. 
  260. span.RemainingWordList{
  261. font-style: italic;
  262. }
  263. 
  264. div.DropLine {
  265. position: absolute;
  266. text-align: center;
  267. border-bottom-style: solid;
  268. border-bottom-width: 1px;
  269. border-bottom-color: #000000;
  270. width: 80%;
  271. }
  272. 
  273. /* JCloze styles */
  274. 
  275. .ClozeWordList{
  276. text-align: center;
  277. font-weight: bold;
  278. }
  279. 
  280. div.ClozeBody{
  281. text-align: left;
  282. margin-top: 2em;
  283. margin-bottom: 2em;
  284. line-height: 2.0
  285. }
  286. 
  287. span.GapSpan{
  288. font-weight: bold;
  289. }
  290. 
  291. /* JCross styles */
  292. 
  293. table.CrosswordGrid{
  294. margin: auto auto 1em auto;
  295. border-collapse: collapse;
  296. padding: 0px;
  297. background-color: #000000;
  298. }
  299. 
  300. table.CrosswordGrid tbody tr td{
  301. width: 1.5em;
  302. height: 1.5em;
  303. text-align: center;
  304. vertical-align: middle;
  305. font-size: 140%;
  306. padding: 1px;
  307. margin: 0px;
  308. border-style: solid;
  309. border-width: 1px;
  310. border-color: #000000;
  311. color: #000000;
  312. }
  313. 
  314. table.CrosswordGrid span{
  315. color: #000000;
  316. }
  317. 
  318. table.CrosswordGrid td.BlankCell{
  319. background-color: #000000;
  320. color: #000000;
  321. }
  322. 
  323. table.CrosswordGrid td.LetterOnlyCell{
  324. text-align: center;
  325. vertical-align: middle;
  326. background-color: #ffffff;
  327. color: #000000;
  328. font-weight: bold;
  329. }
  330. 
  331. table.CrosswordGrid td.NumLetterCell{
  332. text-align: left;
  333. vertical-align: top;
  334. background-color: #ffffff;
  335. color: #000000;
  336. padding: 1px;
  337. font-weight: bold;
  338. }
  339. 
  340. .NumLetterCellText{
  341. cursor: pointer;
  342. color: #000000;
  343. }
  344. 
  345. .GridNum{
  346. vertical-align: super;
  347. font-size: 66%;
  348. font-weight: bold;
  349. text-decoration: none;
  350. color: #000000;
  351. }
  352. 
  353. .GridNum:hover, .GridNum:visited{
  354. color: #000000;
  355. }
  356. 
  357. table#Clues{
  358. margin: auto;
  359. vertical-align: top;
  360. }
  361. 
  362. table#Clues td{
  363. vertical-align: top;
  364. }
  365. 
  366. table.ClueList{
  367. margin: auto;
  368. }
  369. 
  370. td.ClueNum{
  371. text-align: right;
  372. font-weight: bold;
  373. vertical-align: top;
  374. }
  375. 
  376. td.Clue{
  377. text-align: left;
  378. }
  379. 
  380. div#ClueEntry{
  381. text-align: left;
  382. margin-bottom: 1em;
  383. }
  384. 
  385. /* Keypad styles */
  386. 
  387. div.Keypad{
  388. text-align: center;
  389. display: none; /* initially hidden, shown if needed */
  390. margin-bottom: 0.5em;
  391. }
  392. 
  393. div.Keypad button{
  394. font-family: Geneva,Arial,sans-serif;
  395. font-size: 120%;
  396. background-color: #ffffff;
  397. color: #000000;
  398. width: 2em;
  399. }
  400. 
  401. /* JQuiz styles */
  402. 
  403. div.QuestionNavigation{
  404. text-align: center;
  405. }
  406. 
  407. .QNum{
  408. margin: 0em 1em 0.5em 1em;
  409. font-weight: bold;
  410. vertical-align: middle;
  411. }
  412. 
  413. textarea{
  414. font-family: Geneva,Arial,sans-serif;
  415. }
  416. 
  417. .QuestionText{
  418. text-align: left;
  419. margin: 0px;
  420. font-size: 100%;
  421. }
  422. 
  423. .Answer{
  424. font-size: 120%;
  425. letter-spacing: 0.1em;
  426. }
  427. 
  428. .PartialAnswer{
  429. font-size: 120%;
  430. letter-spacing: 0.1em;
  431. color: #000000;
  432. }
  433. 
  434. .Highlight{
  435. color: #000000;
  436. background-color: #ffff00;
  437. font-weight: bold;
  438. font-size: 120%;
  439. }
  440. 
  441. ol.QuizQuestions{
  442. text-align: left;
  443. list-style-type: none;
  444. }
  445. 
  446. li.QuizQuestion{
  447. padding: 1em;
  448. border-style: solid;
  449. border-width: 0px 0px 1px 0px;
  450. }
  451. 
  452. ol.MCAnswers{
  453. text-align: left;
  454. list-style-type: upper-alpha;
  455. padding: 1em;
  456. }
  457. 
  458. ol.MCAnswers li{
  459. margin-bottom: 1em;
  460. }
  461. 
  462. ol.MSelAnswers{
  463. text-align: left;
  464. list-style-type: lower-alpha;
  465. padding: 1em;
  466. }
  467. 
  468. div.ShortAnswer{
  469. padding: 1em;
  470. }
  471. 
  472. .FuncButton {
  473. text-align: center;
  474. border-style: solid;
  475. 
  476. border-left-color: #ffffff;
  477. border-top-color: #ffffff;
  478. border-right-color: #7f7f7f;
  479. border-bottom-color: #7f7f7f;
  480. color: #000000;
  481. background-color: #FFFFFF;
  482. 
  483. border-width: 2px;
  484. padding: 3px 6px 3px 6px;
  485. cursor: pointer;
  486. }
  487. 
  488. .FuncButtonUp {
  489. color: #FFFFFF;
  490. text-align: center;
  491. border-style: solid;
  492. 
  493. border-left-color: #ffffff;
  494. border-top-color: #ffffff;
  495. border-right-color: #7f7f7f;
  496. border-bottom-color: #7f7f7f;
  497. 
  498. background-color: #000000;
  499. color: #FFFFFF;
  500. border-width: 2px;
  501. padding: 3px 6px 3px 6px;
  502. cursor: pointer;
  503. }
  504. 
  505. .FuncButtonDown {
  506. color: #FFFFFF;
  507. text-align: center;
  508. border-style: solid;
  509. 
  510. border-left-color: #7f7f7f;
  511. border-top-color: #7f7f7f;
  512. border-right-color: #ffffff;
  513. border-bottom-color: #ffffff;
  514. background-color: #000000;
  515. color: #FFFFFF;
  516. 
  517. border-width: 2px;
  518. padding: 3px 6px 3px 6px;
  519. cursor: pointer;
  520. }
  521. 
  522. /*BeginNavBarStyle*/
  523. 
  524. div.NavButtonBar{
  525. background-color: #000000;
  526. text-align: center;
  527. margin: 2px 0px 2px 0px;
  528. clear: both;
  529. font-size: 100%;
  530. }
  531. 
  532. .NavButton {
  533. border-style: solid;
  535. border-left-color: #7f7f7f;
  536. border-top-color: #7f7f7f;
  537. border-right-color: #000000;
  538. border-bottom-color: #000000;
  539. background-color: #000000;
  540. color: #ffffff;
  541. 
  542. border-width: 2px;
  543. cursor: pointer;
  544. }
  545. 
  546. .NavButtonUp {
  547. border-style: solid;
  548. 
  549. border-left-color: #7f7f7f;
  550. border-top-color: #7f7f7f;
  551. border-right-color: #000000;
  552. border-bottom-color: #000000;
  553. color: #000000;
  554. background-color: #ffffff;
  555. 
  556. border-width: 2px;
  557. cursor: pointer;
  558. }
  559. 
  560. .NavButtonDown {
  561. border-style: solid;
  562. 
  563. border-left-color: #000000;
  564. border-top-color: #000000;
  565. border-right-color: #7f7f7f;
  566. border-bottom-color: #7f7f7f;
  567. color: #000000;
  568. background-color: #ffffff;
  569. 
  570. border-width: 2px;
  571. cursor: pointer;
  572. }
  573. 
  574. /*EndNavBarStyle*/
  575. 
  576. a{
  577. color: #0000FF;
  578. }
  579. 
  580. a:visited{
  581. color: #0000CC;
  582. }
  583. 
  584. a:hover{
  585. color: #0000FF;
  586. }
  587. 
  588. div.CardStyle {
  589. position: absolute;
  590. font-family: Geneva,Arial,sans-serif;
  591. font-size: 100%;
  592. padding: 5px;
  593. border-style: solid;
  594. border-width: 1px;
  595. color: #000000;
  596. background-color: #FFFFFF;
  597. left: -50px;
  598. top: -50px;
  599. overflow: visible;
  600. }
  601. 
  602. .rtl{
  603. text-align: right;
  604. font-size: 140%;
  605. }
  606. 
  607. 
  608. </style>
  609. 
  610. <script type="text/javascript">
  611. 
  612. //<![CDATA[
  613. 
  614. <!--
  615. 
  616. 
  617. 
  618. 
  619. function Client(){
  620. //if not a DOM browser, hopeless
  621. this.min = false; if (document.getElementById){this.min = true;};
  622. 
  623. this.ua = navigator.userAgent;
  624. this.name = navigator.appName;
  625. this.ver = navigator.appVersion;
  626. 
  627. //Get data about the browser
  628. this.mac = (this.ver.indexOf('Mac') != -1);
  629. this.win = (this.ver.indexOf('Windows') != -1);
  630. 
  631. //Look for Gecko
  632. this.gecko = (this.ua.indexOf('Gecko') > 1);
  633. if (this.gecko){
  634. this.geckoVer = parseInt(this.ua.substring(this.ua.indexOf('Gecko')+6, this.ua.length));
  635. if (this.geckoVer < 20020000){this.min = false;}
  636. }
  638. //Look for Firebird
  639. this.firebird = (this.ua.indexOf('Firebird') > 1);
  641. //Look for Safari
  642. this.safari = (this.ua.indexOf('Safari') > 1);
  643. if (this.safari){
  644. this.gecko = false;
  645. }
  647. //Look for IE
  648. this.ie = (this.ua.indexOf('MSIE') > 0);
  649. if (this.ie){
  650. this.ieVer = parseFloat(this.ua.substring(this.ua.indexOf('MSIE')+5, this.ua.length));
  651. if (this.ieVer < 5.5){this.min = false;}
  652. }
  654. //Look for Opera
  655. this.opera = (this.ua.indexOf('Opera') > 0);
  656. if (this.opera){
  657. this.operaVer = parseFloat(this.ua.substring(this.ua.indexOf('Opera')+6, this.ua.length));
  658. if (this.operaVer < 7.04){this.min = false;}
  659. }
  660. if (this.min == false){
  661. alert('Your browser may not be able to handle this page.');
  662. }
  664. //Special case for the horrible ie5mac
  665. this.ie5mac = (this.ie&&this.mac&&(this.ieVer<6));
  666. }
  667. 
  668. var C = new Client();
  669. 
  670. //for (prop in C){
  671. // alert(prop + ': ' + C[prop]);
  672. //}
  673. 
  674. 
  675. 
  676. //CODE FOR HANDLING NAV BUTTONS AND FUNCTION BUTTONS
  677. 
  678. //[strNavBarJS]
  679. function NavBtnOver(Btn){
  680. if (Btn.className != 'NavButtonDown'){Btn.className = 'NavButtonUp';}
  681. }
  682. 
  683. function NavBtnOut(Btn){
  684. Btn.className = 'NavButton';
  685. }
  686. 
  687. function NavBtnDown(Btn){
  688. Btn.className = 'NavButtonDown';
  689. }
  690. //[/strNavBarJS]
  691. 
  692. function FuncBtnOver(Btn){
  693. if (Btn.className != 'FuncButtonDown'){Btn.className = 'FuncButtonUp';}
  694. }
  695. 
  696. function FuncBtnOut(Btn){
  697. Btn.className = 'FuncButton';
  698. }
  699. 
  700. function FuncBtnDown(Btn){
  701. Btn.className = 'FuncButtonDown';
  702. }
  703. 
  704. function FocusAButton(){
  705. if (document.getElementById('CheckButton1') != null){
  706. document.getElementById('CheckButton1').focus();
  707. }
  708. else{
  709. if (document.getElementById('CheckButton2') != null){
  710. document.getElementById('CheckButton2').focus();
  711. }
  712. else{
  713. document.getElementsByTagName('button')[0].focus();
  714. }
  715. }
  716. }
  717. 
  718. 
  719. 
  720. 
  721. //CODE FOR HANDLING DISPLAY OF POPUP FEEDBACK BOX
  722. 
  723. var topZ = 1000;
  724. 
  725. function ShowMessage(Feedback){
  726. var Output = Feedback + '<br /><br />';
  727. document.getElementById('FeedbackContent').innerHTML = Output;
  728. var FDiv = document.getElementById('FeedbackDiv');
  729. topZ++;
  730. FDiv.style.zIndex = topZ;
  731. FDiv.style.top = TopSettingWithScrollOffset(30) + 'px';
  732. 
  733. FDiv.style.display = 'block';
  734. 
  735. ShowElements(false, 'input');
  736. ShowElements(false, 'select');
  737. ShowElements(false, 'object');
  738. ShowElements(true, 'object', 'FeedbackContent');
  739. 
  740. //Focus the OK button
  741. setTimeout("document.getElementById('FeedbackOKButton').focus()", 50);
  743. //
  744. }
  745. 
  746. function ShowElements(Show, TagName, ContainerToReverse){
  747. // added third argument to allow objects in the feedback box to appear
  748. //IE bug -- hide all the form elements that will show through the popup
  749. //FF on Mac bug : doesn't redisplay objects whose visibility is set to visible
  750. //unless the object's display property is changed
  751. 
  752. //get container object (by Id passed in, or use document otherwise)
  753. TopNode = document.getElementById(ContainerToReverse);
  754. var Els;
  755. if (TopNode != null) {
  756. Els = TopNode.getElementsByTagName(TagName);
  757. } else {
  758. Els = document.getElementsByTagName(TagName);
  759. }
  760. 
  761. for (var i=0; i<Els.length; i++){
  762. if (TagName == "object") {
  763. //manipulate object elements in all browsers
  764. if (Show == true){
  765. Els[i].style.visibility = 'visible';
  766. //get Mac FireFox to manipulate display, to force screen redraw
  767. if (C.mac && C.gecko) {Els[i].style.display = '';}
  768. }
  769. else{
  770. Els[i].style.visibility = 'hidden';
  771. if (C.mac && C.gecko) {Els[i].style.display = 'none';}
  772. }
  773. }
  774. else {
  775. // tagName is either input or select (that is, Form Elements)
  776. // ie6 has a problem with Form elements, so manipulate those
  777. if (C.ie) {
  778. if (C.ieVer < 7) {
  779. if (Show == true){
  780. Els[i].style.visibility = 'visible';
  781. }
  782. else{
  783. Els[i].style.visibility = 'hidden';
  784. }
  785. }
  786. }
  787. }
  788. }
  789. }
  790. 
  791. 
  792. 
  793. function HideFeedback(){
  794. document.getElementById('FeedbackDiv').style.display = 'none';
  795. ShowElements(true, 'input');
  796. ShowElements(true, 'select');
  797. ShowElements(true, 'object');
  798. if (Finished == true){
  799. Finish();
  800. }
  801. }
  802. 
  803. 
  804. //GENERAL UTILITY FUNCTIONS AND VARIABLES
  805. 
  806. //PAGE DIMENSION FUNCTIONS
  807. function PageDim(){
  808. //Get the page width and height
  809. this.W = 600;
  810. this.H = 400;
  811. this.W = document.getElementsByTagName('body')[0].clientWidth;
  812. this.H = document.getElementsByTagName('body')[0].clientHeight;
  813. }
  814. 
  815. var pg = null;
  816. 
  817. function GetPageXY(El) {
  818. var XY = {x: 0, y: 0};
  819. while(El){
  820. XY.x += El.offsetLeft;
  821. XY.y += El.offsetTop;
  822. El = El.offsetParent;
  823. }
  824. return XY;
  825. }
  826. 
  827. function GetScrollTop(){
  828. if (typeof(window.pageYOffset) == 'number'){
  829. return window.pageYOffset;
  830. }
  831. else{
  832. if ((document.body)&&(document.body.scrollTop)){
  833. return document.body.scrollTop;
  834. }
  835. else{
  836. if ((document.documentElement)&&(document.documentElement.scrollTop)){
  837. return document.documentElement.scrollTop;
  838. }
  839. else{
  840. return 0;
  841. }
  842. }
  843. }
  844. }
  845. 
  846. function GetViewportHeight(){
  847. if (typeof window.innerHeight != 'undefined'){
  848. return window.innerHeight;
  849. }
  850. else{
  851. if (((typeof document.documentElement != 'undefined')&&(typeof document.documentElement.clientHeight !=
  852. 'undefined'))&&(document.documentElement.clientHeight != 0)){
  853. return document.documentElement.clientHeight;
  854. }
  855. else{
  856. return document.getElementsByTagName('body')[0].clientHeight;
  857. }
  858. }
  859. }
  860. 
  861. function TopSettingWithScrollOffset(TopPercent){
  862. var T = Math.floor(GetViewportHeight() * (TopPercent/100));
  863. return GetScrollTop() + T;
  864. }
  865. 
  866. //CODE FOR AVOIDING LOSS OF DATA WHEN BACKSPACE KEY INVOKES history.back()
  867. var InTextBox = false;
  868. 
  869. function SuppressBackspace(e){
  870. if (InTextBox == true){return;}
  871. if (C.ie) {
  872. thisKey = window.event.keyCode;
  873. }
  874. else {
  875. thisKey = e.keyCode;
  876. }
  877. 
  878. var Suppress = false;
  879. 
  880. if (thisKey == 8) {
  881. Suppress = true;
  882. }
  883. 
  884. if (Suppress == true){
  885. if (C.ie){
  886. window.event.returnValue = false;
  887. window.event.cancelBubble = true;
  888. }
  889. else{
  890. e.preventDefault();
  891. }
  892. }
  893. }
  894. 
  895. if (C.ie){
  896. document.attachEvent('onkeydown',SuppressBackspace);
  897. window.attachEvent('onkeydown',SuppressBackspace);
  898. }
  899. else{
  900. if (window.addEventListener){
  901. window.addEventListener('keypress',SuppressBackspace,false);
  902. }
  903. }
  904. 
  905. function ReduceItems(InArray, ReduceToSize){
  906. var ItemToDump=0;
  907. var j=0;
  908. while (InArray.length > ReduceToSize){
  909. ItemToDump = Math.floor(InArray.length*Math.random());
  910. InArray.splice(ItemToDump, 1);
  911. }
  912. }
  913. 
  914. function Shuffle(InArray){
  915. var Num;
  916. var Temp = new Array();
  917. var Len = InArray.length;
  918. 
  919. var j = Len;
  920. 
  921. for (var i=0; i<Len; i++){
  922. Temp[i] = InArray[i];
  923. }
  924. 
  925. for (i=0; i<Len; i++){
  926. Num = Math.floor(j * Math.random());
  927. InArray[i] = Temp[Num];
  928. 
  929. for (var k=Num; k < (j-1); k++) {
  930. Temp[k] = Temp[k+1];
  931. }
  932. j--;
  933. }
  934. return InArray;
  935. }
  936. 
  937. function WriteToInstructions(Feedback) {
  938. document.getElementById('InstructionsDiv').innerHTML = Feedback;
  939. 
  940. }
  941. 
  942. 
  943. 
  944. 
  945. function EscapeDoubleQuotes(InString){
  946. return InString.replace(/"/g, '&quot;')
  947. }
  948. 
  949. function TrimString(InString){
  950. var x = 0;
  951. 
  952. if (InString.length != 0) {
  953. while ((InString.charAt(InString.length - 1) == '\u0020') || (InString.charAt(InString.length - 1) == '\u000A') || (InString.charAt(InString.length - 1) == '\u000D')){
  954. InString = InString.substring(0, InString.length - 1)
  955. }
  956. 
  957. while ((InString.charAt(0) == '\u0020') || (InString.charAt(0) == '\u000A') || (InString.charAt(0) == '\u000D')){
  958. InString = InString.substring(1, InString.length)
  959. }
  960. 
  961. while (InString.indexOf(' ') != -1) {
  962. x = InString.indexOf(' ')
  963. InString = InString.substring(0, x) + InString.substring(x+1, InString.length)
  964. }
  965. 
  966. return InString;
  967. }
  968. 
  969. else {
  970. return '';
  971. }
  972. }
  973. 
  974. function FindLongest(InArray){
  975. if (InArray.length < 1){return -1;}
  976. 
  977. var Longest = 0;
  978. for (var i=1; i<InArray.length; i++){
  979. if (InArray[i].length > InArray[Longest].length){
  980. Longest = i;
  981. }
  982. }
  983. return Longest;
  984. }
  985. 
  986. //UNICODE CHARACTER FUNCTIONS
  987. function IsCombiningDiacritic(CharNum){
  988. var Result = (((CharNum >= 0x0300)&&(CharNum <= 0x370))||((CharNum >= 0x20d0)&&(CharNum <= 0x20ff)));
  989. Result = Result || (((CharNum >= 0x3099)&&(CharNum <= 0x309a))||((CharNum >= 0xfe20)&&(CharNum <= 0xfe23)));
  990. return Result;
  991. }
  992. 
  993. function IsCJK(CharNum){
  994. return ((CharNum >= 0x3000)&&(CharNum < 0xd800));
  995. }
  996. 
  997. //SETUP FUNCTIONS
  998. //BROWSER WILL REFILL TEXT BOXES FROM CACHE IF NOT PREVENTED
  999. function ClearTextBoxes(){
  1000. var NList = document.getElementsByTagName('input');
  1001. for (var i=0; i<NList.length; i++){
  1002. if ((NList[i].id.indexOf('Guess') > -1)||(NList[i].id.indexOf('Gap') > -1)){
  1003. NList[i].value = '';
  1004. }
  1005. if (NList[i].id.indexOf('Chk') > -1){
  1006. NList[i].checked = '';
  1007. }
  1008. }
  1009. }
  1010. 
  1011. //EXTENSION TO ARRAY OBJECT
  1012. function Array_IndexOf(Input){
  1013. var Result = -1;
  1014. for (var i=0; i<this.length; i++){
  1015. if (this[i] == Input){
  1016. Result = i;
  1017. }
  1018. }
  1019. return Result;
  1020. }
  1021. Array.prototype.indexOf = Array_IndexOf;
  1022. 
  1023. //IE HAS RENDERING BUG WITH BOTTOM NAVBAR
  1024. function RemoveBottomNavBarForIE(){
  1025. if ((C.ie)&&(document.getElementById('Reading') != null)){
  1026. if (document.getElementById('BottomNavBar') != null){
  1027. document.getElementById('TheBody').removeChild(document.getElementById('BottomNavBar'));
  1028. }
  1029. }
  1030. }
  1031. 
  1032. 
  1033. 
  1034. 
  1035. //HOTPOTNET-RELATED CODE
  1036. 
  1037. var HPNStartTime = (new Date()).getTime();
  1038. var SubmissionTimeout = 30000;
  1039. var Detail = ''; //Global that is used to submit tracking data
  1040. 
  1041. function Finish(){
  1042. //If there's a form, fill it out and submit it
  1043. if (document.store != null){
  1044. Frm = document.store;
  1045. Frm.starttime.value = HPNStartTime;
  1046. Frm.endtime.value = (new Date()).getTime();
  1047. Frm.mark.value = Score;
  1048. Frm.detail.value = Detail;
  1049. Frm.submit();
  1050. }
  1051. }
  1052. 
  1053. 
  1054. 
  1055. 
  1056. //JMIX STANDARD OUTPUT FORMAT CODE
  1057. 
  1058. var CorrectResponse = '';
  1059. var IncorrectResponse = '';
  1060. var TheseAnswersToo = 'These answers are also correct:';
  1061. var ThisMuchCorrect = 'This much of your answer is correct:';
  1062. var NextCorrect = 'The next correct part is: ';
  1063. var YourScoreIs = 'Your score is ';
  1064. var CapitalizeFirst = false;
  1065. var Penalties = 0;
  1066. var Finished = false;
  1067. var TimeOver = false;
  1068. var Score = 0;
  1069. var strInstructions = '';
  1070. var AnswersTried = '';
  1071. 
  1072. 
  1073. var SegmentTemplate = '&nbsp; &nbsp;<a class="ExSegment" href="javascript:void(0)" onclick="AddSegment([SegmentNumber])" title="Click on words to add them to the sentence.">[CurrentSegment]</a>&nbsp; &nbsp;';
  1074. 
  1075. var Exercise = '';
  1076. 
  1077. var Punctuation = '';
  1078. 
  1079. var Openers = '';
  1080. 
  1081. var Guesses = new Array();
  1082. var Remaining = new Array();
  1083. var CorrectParts = new Array();
  1084. 
  1085. var ClosestMatch = 0;
  1086. 
  1087. var LowerString='';
  1088. var UpperString='';
  1089. 
  1090. var Output = '';
  1091. 
  1092. var Segments = new Array();
  1093. Segments[0] = new Array();
  1094. Segments[0][0] = '\u0052\u0061\u0067\u0075\u006E\u0061\u006E';
  1095. Segments[0][1] = 6;
  1096. Segments[0][2] = 0;
  1097. Segments[1] = new Array();
  1098. Segments[1][0] = '\u004A\u0061\u006B\u0061\u0072\u0074\u0061';
  1099. Segments[1][1] = 11;
  1100. Segments[1][2] = 0;
  1101. Segments[2] = new Array();
  1102. Segments[2][0] = '\u0070\u006C\u0061\u006E\u0065';
  1103. Segments[2][1] = 14;
  1104. Segments[2][2] = 0;
  1105. Segments[3] = new Array();
  1106. Segments[3][0] = '\u0062\u0065\u0061\u0063\u0068';
  1107. Segments[3][1] = 7;
  1108. Segments[3][2] = 0;
  1109. Segments[4] = new Array();
  1110. Segments[4][0] = '\u0077\u0065\u006E\u0074';
  1111. Segments[4][1] = 5;
  1112. Segments[4][2] = 0;
  1113. Segments[5] = new Array();
  1114. Segments[5][0] = '\u006C\u0061\u0073\u0074';
  1115. Segments[5][1] = 1;
  1116. Segments[5][2] = 0;
  1117. Segments[6] = new Array();
  1118. Segments[6][0] = '\u0077\u0065\u0065\u006B';
  1119. Segments[6][1] = 2;
  1120. Segments[6][2] = 0;
  1121. Segments[7] = new Array();
  1122. Segments[7][0] = '\u0077\u0069\u0074\u0068';
  1123. Segments[7][1] = 15;
  1124. Segments[7][2] = 0;
  1125. Segments[8] = new Array();
  1126. Segments[8][0] = '\u0063\u0061\u0072';
  1127. Segments[8][1] = 13;
  1128. Segments[8][2] = 0;
  1129. Segments[9] = new Array();
  1130. Segments[9][0] = '\u007A\u006F\u006F';
  1131. Segments[9][1] = 8;
  1132. Segments[9][2] = 0;
  1133. Segments[10] = new Array();
  1134. Segments[10][0] = '\u0074\u0068\u0065';
  1135. Segments[10][1] = 9;
  1136. Segments[10][2] = 0;
  1137. Segments[11] = new Array();
  1138. Segments[11][0] = '\u0074\u006F';
  1139. Segments[11][1] = 3;
  1140. Segments[11][2] = 0;
  1141. Segments[12] = new Array();
  1142. Segments[12][0] = '\u0069\u006E';
  1143. Segments[12][1] = 10;
  1144. Segments[12][2] = 0;
  1145. Segments[13] = new Array();
  1146. Segments[13][0] = '\u0062\u0079';
  1147. Segments[13][1] = 12;
  1148. Segments[13][2] = 0;
  1149. Segments[14] = new Array();
  1150. Segments[14][0] = '\u0049';
  1151. Segments[14][1] = 4;
  1152. Segments[14][2] = 0;
  1153. 
  1154. 
  1155. var GuessSequence = new Array();
  1156. 
  1157. var Answers = new Array();
  1158. Answers[0] = new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15);
  1159. Answers[1] = new Array(1,2,4,5,3,9,6,8,10,11,12,13);
  1160. Answers[2] = new Array(4,5,3,9,6,8,10,11,12,13,1,2);
  1161. 
  1162. 
  1163. function WriteToGuess(Feedback) {
  1164. document.getElementById('GuessDiv').innerHTML = Feedback;
  1165. 
  1166. }
  1167. 
  1168. function Undo(){
  1169. if (GuessSequence.length < 1){
  1170. return;
  1171. }
  1172. GuessSequence.length = GuessSequence.length - 1;
  1173. BuildCurrGuess();
  1174. BuildExercise();
  1175. DisplayExercise(Exercise);
  1176. //Following line modified for 6.0.4.44 -- "remaining words" message removed, no longer needed
  1177. WriteToGuess('<span class="Answer">' + Output + '</span>');
  1178. }
  1179. 
  1180. function AddSegment(SegNum){
  1181. 
  1182. if (TimeOver == true){return;}
  1183. 
  1184. GuessSequence[GuessSequence.length] = SegNum;
  1185. BuildCurrGuess();
  1186. WriteToGuess('<span class="Answer">' + Output + '</span>');
  1187. BuildExercise();
  1188. DisplayExercise(Exercise);
  1189. }
  1190. 
  1191. function BuildCurrGuess(){
  1192. 
  1193. var i = 0;
  1194. var j = 0;
  1195. var NewSeg = '';
  1196. 
  1197. //first, create arrays of all the segments guessed so far and those not yet used
  1198. GuessSegs = new Array();
  1199. GuessSegs.length = 0;
  1200. 
  1201. //set the "used" markers all to 0
  1202. for (i=0; i<Segments.length; i++){
  1203. Segments[i][2] = 0;
  1204. }
  1205. 
  1206. for (i=0; i<GuessSequence.length; i++){
  1207. for (j=0; j<Segments.length; j++){
  1208. if ((Segments[j][1] == GuessSequence[i])&&(Segments[j][2] == 0)){
  1209. GuessSegs[GuessSegs.length] = Segments[j][0];
  1210. Segments[j][2] = 1;
  1211. break;
  1212. }
  1213. }
  1214. }
  1215. 
  1216. //Create the list of unused segments
  1217. RemainingList = '';
  1218. for (i=0; i<Segments.length; i++){
  1219. if (Segments[i][2] == 0){
  1220. RemainingList += Segments[i][0] + '&nbsp; &nbsp;&nbsp;';
  1221. }
  1222. }
  1224. //now concatenate the segments, adding spaces where appropriate;
  1225. Output = CompileString(GuessSequence);
  1226. }
  1227. 
  1228. function CompileString(InArray){
  1229. var OutString = '';
  1230. var i = 0;
  1231. OutArray = new Array();
  1232. 
  1233. for (i=0; i<InArray.length; i++){
  1234. OutArray[OutArray.length] = FindSegment(InArray[i]);
  1235. }
  1236. 
  1237. if (OutArray.length > 0){
  1238. OutString = OutArray[0];
  1239. }
  1240. else{
  1241. OutString = '';
  1242. }
  1243. var Spacer = '';
  1244. 
  1245. for (i=1; i<OutArray.length; i++){
  1246. Spacer = ' ';
  1247. if ((Openers.indexOf(OutString.charAt(OutString.length-1)) > -1)||(Punctuation.indexOf(OutArray[i].charAt(0)) > -1)){
  1248. Spacer = '';
  1249. }
  1250. OutString = OutString + Spacer + OutArray[i];
  1251. }
  1252. 
  1253. //Capitalize the first letter if necessary
  1254. if (CapitalizeFirst == true){
  1255. i = 0;
  1256. if ((Openers.indexOf(OutString.charAt(i))>-1)||(OutString.charAt(i) == ' ')){
  1257. i++;
  1258. }
  1259. if ((Openers.indexOf(OutString.charAt(i))>-1)||(OutString.charAt(i) == ' ')){
  1260. i++;
  1261. }
  1262. var Temp = OutString.charAt(i);
  1263. Temp = Temp.toUpperCase();
  1264. OutString = OutString.substring(0, i) + Temp + OutString.substring(i+1, OutString.length);
  1265. }
  1266. return OutString;
  1267. }
  1268. function CheckAnswer(CheckType){
  1269. 
  1270. if (GuessSequence.length < 1){
  1271. if (CheckType == 1){
  1272. ShowMessage(NextCorrect + '<br /><span class="Answer">' + FindSegment(Answers[0][0]) + '</span>');
  1273. Penalties++;
  1274. }
  1275. return;
  1276. }
  1277. 
  1278. var i = 0;
  1279. var j = 0;
  1280. var k = 0;
  1281. var WellDone = '';
  1282. var WhichCorrect = -1;
  1283. var TryAgain = '';
  1284. var LongestCorrectBit = '';
  1285. TempCorrect = new Array();
  1286. LongestCorrect = new Array();
  1287. var TempHint = '';
  1288. var HintToReturn = 1;
  1289. var OtherAnswers = '';
  1290. var AllDone = false;
  1291. 
  1292. for (i=0; i<Answers.length; i++){
  1293. TempCorrect.length = 0;
  1294. for (j=0; j<Answers[i].length; j++){
  1295. if (Answers[i][j] == GuessSequence[j]){
  1296. TempCorrect[j] = GuessSequence[j];
  1297. }
  1298. else{
  1299. TempHint = Answers[i][j];
  1300. break;
  1301. }
  1302. }
  1303. if ((TempCorrect.length == GuessSequence.length)&&(TempCorrect.length == Answers[i].length)){
  1304. 
  1305. WhichCorrect = i;
  1306. break;
  1307. }
  1308. else{
  1309. if (TempCorrect.length > LongestCorrect.length){
  1310. LongestCorrect.length = 0;
  1311. for (k=0; k<TempCorrect.length; k++){
  1312. LongestCorrect[k] = TempCorrect[k];
  1313. }
  1314. HintToReturn = TempHint;
  1315. }
  1316. }
  1317. }
  1318. if (WhichCorrect > -1){
  1319. AllDone = true;
  1320. for (i=0; i<Answers.length; i++){
  1321. if (i!=WhichCorrect){
  1322. OtherAnswers += '<br />' + CompileString(Answers[i]);
  1323. }
  1324. }
  1325. 
  1326. WellDone = '<span class="Answer">' + Output + '</span><br /><br />' + CorrectResponse + '<br />';
  1327. 
  1328. if (AnswersTried.length > 0){AnswersTried += ' | ';}
  1329. AnswersTried += Output;
  1331. //Do score calculation here
  1332. Score = Math.floor(((Segments.length-Penalties) * 100)/Segments.length);
  1333. 
  1334. 
  1335. if (OtherAnswers.length > 0){
  1336. WellDone += TheseAnswersToo + '<span class="Answer">' + OtherAnswers + '</span>';
  1337. }
  1338. 
  1339. 
  1340. WriteToGuess(WellDone);
  1341. ShowMessage(WellDone + '<br />' + YourScoreIs + ' ' + Score + '%.');
  1342. }
  1343. 
  1344. else{
  1345. var WrongGuess = CompileString(GuessSequence);
  1346. if (AnswersTried.length > 0){AnswersTried += ' | ';}
  1347. AnswersTried += WrongGuess;
  1348. TryAgain = '<span class="Answer">' + WrongGuess + '</span><br /><br />';
  1349. if (CheckType == 0){
  1350. TryAgain += IncorrectResponse + '<br />';
  1351. }
  1352. 
  1353. if (LongestCorrect.length > 0){
  1354. 
  1355. LongestCorrectBit = CompileString(LongestCorrect);
  1356. GuessSequence.length = LongestCorrect.length;
  1357. TryAgain += ThisMuchCorrect + '<br /><span class="Answer">' + LongestCorrectBit + '</span><br />';
  1358. 
  1359. //These lines added for 6.0.3.44
  1360. WriteToGuess('<span class="Answer">' + LongestCorrectBit + '</span>');
  1361. }
  1362. else{
  1363. GuessSequence.length = 0;
  1364. WriteToGuess('');
  1365. }
  1366. 
  1367. if (CheckType == 1){
  1368. TryAgain += NextCorrect + '<br /><span class="Answer">' + FindSegment(HintToReturn) + '</span>';
  1369. }
  1370. 
  1371. BuildCurrGuess();
  1372. BuildExercise();
  1373. DisplayExercise(Exercise);
  1374. ShowMessage(TryAgain);
  1375. Penalties++; //Penalty for inaccurate check
  1377. 
  1378. if (TimeOver == true){
  1379. Score = Math.floor(((LongestCorrect.length-Penalties) * 100)/Segments.length);
  1380. if (Score < 0){Score = 0;}
  1381. ShowMessage(YourScoreIs + ' ' + Score + '%.<br />');
  1382. }
  1383. 
  1384. 
  1385. }
  1386. //If the exercise is over, deal with that
  1387. if ((AllDone == true)||(TimeOver == true)){
  1388. 
  1389. 
  1390. window.clearInterval(Interval);
  1391. 
  1392. TimeOver = true;
  1393. Locked = true;
  1394. Finished = true;
  1395. setTimeout('Finish()', SubmissionTimeout);
  1396. WriteToInstructions(YourScoreIs + ' ' + Score + '%.');
  1397. }
  1398. 
  1399. }
  1400. 
  1401. function FindSegment(SegID){
  1402. var Seg = '';
  1403. for (var i=0; i<Segments.length; i++){
  1404. if (Segments[i][1] == SegID){
  1405. Seg = Segments[i][0];
  1406. break;
  1407. }
  1408. }
  1409. return Seg;
  1410. }
  1411. 
  1412. function StartUp(){
  1413. RemoveBottomNavBarForIE();
  1414. 
  1415. //Stash the instructions so they can be redisplayed
  1416. strInstructions = document.getElementById('InstructionsDiv').innerHTML;
  1418. 
  1419. 
  1420. 
  1421. 
  1422. 
  1423. 
  1424. Segments = Shuffle(Segments);
  1425. 
  1426. //Build and show the exercise
  1427. BuildExercise();
  1428. DisplayExercise(Exercise);
  1430. 
  1431. StartTimer();
  1432. 
  1433. }
  1434. 
  1435. 
  1436. function BuildExercise(){
  1437. Exercise = '';
  1438. 
  1439. var SegRow = '';
  1440. var TempRow = '';
  1441. 
  1442. for (var i=0; i<Segments.length; i++){
  1443. //if the segment hasn't been used yet
  1444. if (Segments[i][2] == 0){
  1445. TempRow = SegmentTemplate;
  1446. TempRow = TempRow.replace(/\[SegmentNumber\]/g, Segments[i][1]);
  1447. TempRow = TempRow.replace(/\[CurrentSegment\]/g, Segments[i][0]);
  1448. SegRow += TempRow;
  1449. }
  1450. }
  1451. 
  1452. //Make it into a table
  1453. Exercise = SegRow;
  1454. }
  1455. 
  1456. function DisplayExercise(StuffToDisplay){
  1457. document.getElementById('SegmentDiv').innerHTML = StuffToDisplay;
  1458. FocusAButton();
  1459. 
  1460. }
  1461. 
  1462. 
  1463. function TimesUp() {
  1464. document.getElementById('Timer').innerHTML = 'Your time is over!';
  1465. 
  1466. TimeOver = true;
  1467. Finished = true;
  1468. CheckAnswer(0);
  1469. Locked = true;
  1470. 
  1471. }
  1472. 
  1473. 
  1474. 
  1475. 
  1476. 
  1477. 
  1478. //CODE FOR HANDLING TIMER
  1479. //Timer code
  1480. var Seconds = 900;
  1481. var Interval = null;
  1482. 
  1483. function StartTimer(){
  1484. Interval = window.setInterval('DownTime()',1000);
  1485. document.getElementById('TimerText').style.display = 'inline';
  1486. }
  1487. 
  1488. function DownTime(){
  1489. var ss = Seconds % 60;
  1490. if (ss<10){
  1491. ss='0' + ss + '';
  1492. }
  1493. 
  1494. var mm = Math.floor(Seconds / 60);
  1495. 
  1496. if (document.getElementById('Timer') == null){
  1497. return;
  1498. }
  1499. 
  1500. document.getElementById('TimerText').innerHTML = mm + ':' + ss;
  1501. if (Seconds < 1){
  1502. window.clearInterval(Interval);
  1503. TimeOver = true;
  1504. TimesUp();
  1505. }
  1506. Seconds--;
  1507. }
  1508. 
  1509. 
  1510. 
  1511. 
  1512. 
  1513. 
  1514. //-->
  1515. 
  1516. //]]>
  1517. 
  1518. </script>
  1519. 
  1520. 
  1521. </head>
  1522. 
  1523. <body onload="StartUp()" id="TheBody" >
  1524. 
  1525. <!-- BeginTopNavButtons -->
  1526. 
  1527. 
  1528. <div class="NavButtonBar" id="TopNavBar">
  1529. 
  1530. 
  1531. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="history.back(); return false;">&lt;=</button>
  1532. 
  1533. 
  1534. 
  1535. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='index.htm'; return false;"> Index </button>
  1536. 
  1537. 
  1538. 
  1539. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='Holiday-JQuiz.htm'; return false;">=&gt;</button>
  1540. 
  1541. 
  1542. </div>
  1543. 
  1544. 
  1545. 
  1546. <!-- EndTopNavButtons -->
  1547. 
  1548. <div class="Titles">
  1549. <h2 class="ExerciseTitle">Holiday- Arrange the sentences</h2>
  1550. 
  1551. <h3 class="ExerciseSubtitle">Mixed-up sentence exercise</h3>
  1552. 
  1553. 
  1554. <div id="Timer"><span id="TimerText">&nbsp;&nbsp;</span></div>
  1555. 
  1556. 
  1557. </div>
  1558. 
  1559. <div id="InstructionsDiv" class="StdDiv">
  1560. <div id="Instructions">Put the parts in order to form a sentence. When you think your answer is correct, click on "Check" to check your answer. If you get stuck, click on "Hint" to find out the next correct part.</div>
  1561. </div>
  1562. 
  1563. 
  1564. 
  1565. <div id="GuessDiv" class="StdDiv">
  1566. 
  1567. </div>
  1568. 
  1569. <div id="MainDiv" class="StdDiv">
  1570. 
  1571. <button id="CheckButton1" class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswer(0)">&nbsp;Check&nbsp;</button>
  1572. 
  1573. 
  1574. <button class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="Undo()">&nbsp;Undo&nbsp;</button>
  1575. 
  1576. 
  1577. 
  1578. <button class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="location.reload()">&nbsp;Restart&nbsp;</button>
  1579. 
  1580. 
  1581. 
  1582. <button class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswer(1)">&nbsp;Hint&nbsp;</button>
  1583. 
  1584. 
  1585. <div id="SegmentDiv">
  1586. 
  1587. </div>
  1588. 
  1589. </div>
  1590. 
  1591. 
  1592. 
  1593. <div class="Feedback" id="FeedbackDiv">
  1594. <div class="FeedbackText" id="FeedbackContent"></div>
  1595. <button id="FeedbackOKButton" class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="HideFeedback(); return false;">&nbsp;OK&nbsp;</button>
  1596. </div>
  1597. 
  1598. <!-- BeginBottomNavButtons -->
  1599. 
  1600. 
  1601. <div class="NavButtonBar" id="BottomNavBar">
  1602. 
  1603. 
  1604. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="history.back(); return false;">&lt;=</button>
  1605. 
  1606. 
  1607. 
  1608. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='index.htm'; return false;"> Index </button>
  1609. 
  1610. 
  1611. 
  1612. <button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='Holiday-JQuiz.htm'; return false;">=&gt;</button>
  1613. 
  1614. 
  1615. </div>
  1616. 
  1617. 
  1618. 
  1619. <!-- EndBottomNavButtons -->
  1620. 
  1621. <!-- BeginSubmissionForm -->
  1622. 
  1623. <!-- EndSubmissionForm -->
  1624. 
  1625. </body>
  1626. 
  1627. </html>