<?xml version="1.0" encoding="UTF-8"?>
<otrunk id="640fd180-3a70-11de-8a39-0800200c9a66">
  <imports>
    <import class="org.concord.data.state.OTDataStore" />
    <import class="org.concord.data.state.OTDataChannelDescription" />
    <import class="org.concord.data.state.OTDataField" />
    <import class="org.concord.data.state.OTDataTable" />
    <import class="org.concord.datagraph.state.OTDataGraph" />
    <import class="org.concord.datagraph.state.OTDataAxis" />
    <import class="org.concord.datagraph.state.OTDataGraphable" />
    <import class="org.concord.datagraph.state.OTDataCollector" />
    <import class="org.concord.datagraph.state.OTMultiDataGraph" />
    <import class="org.concord.datagraph.state.OTPluginView" />
    <import class="org.concord.datagraph.state.OTDataBarGraphable" />
    <import class="org.concord.framework.otrunk.view.OTFrame" />
    <import class="org.concord.framework.otrunk.wrapper.OTBlob" />
    <import class="org.concord.graph.util.state.OTDrawingTool" />
    <import class="org.concord.graph.util.state.OTDrawingStamp" />
    <import class="org.concord.graph.util.state.OTDrawingImageIcon" />
    <import class="org.concord.graph.util.state.OTDrawingShape" />
    <import class="org.concord.graph.util.state.OTDrawingTool2" />
    <import class="org.concord.graph.util.state.OTPointTextLabel" />
    <import class="org.concord.otrunk.OTInclude" />
    <import class="org.concord.otrunk.OTSystem" />
    <import class="org.concord.otrunk.browser.mozswing.OTMozSwing" />
    <import class="org.concord.otrunk.overlay.OTOverlay" />
    <import class="org.concord.otrunk.script.ui.OTScriptObject" />
    <import class="org.concord.otrunk.script.ui.OTScriptVariable" />
    <import class="org.concord.otrunk.script.ui.OTScriptVariableComponent" />
    <import class="org.concord.otrunk.script.ui.OTScriptVariableView" />
    <import class="org.concord.otrunk.script.js.OTJavascript" />
    <import class="org.concord.otrunk.script.OTScriptEngineBundle" />
    <import class="org.concord.otrunk.script.OTScriptEngineEntry" />
    <import class="org.concord.otrunk.graph.OTDataCollectorViewConfig" />
    <import class="org.concord.otrunk.ui.OTButton" />
    <import class="org.concord.otrunk.ui.OTCardContainer" />
    <import class="org.concord.otrunk.ui.OTChoice" />
    <import class="org.concord.otrunk.ui.OTChoiceMultiple" />
    <import class="org.concord.otrunk.ui.OTCurriculumUnit" />
    <import class="org.concord.otrunk.ui.OTImage" />
    <import class="org.concord.otrunk.ui.OTImageMap" />
    <import class="org.concord.otrunk.ui.OTLayerContainer" />
    <import class="org.concord.otrunk.ui.OTModeSwitcher" />
    <import class="org.concord.otrunk.ui.OTText" />
    <import class="org.concord.otrunk.ui.OTPlacement" />
    <import class="org.concord.otrunk.ui.OTPlacementContainer" />
    <import class="org.concord.otrunk.ui.snapshot.OTSnapshot" />
    <import class="org.concord.otrunk.ui.snapshot.OTSnapshotButton" />
    <import class="org.concord.otrunk.ui.snapshot.OTSnapshotAlbum" />
    <import class="org.concord.otrunk.ui.snapshot.OTSnapshotChooser" />
    <import class="org.concord.otrunk.ui.swing.OTChoiceViewConfig" />
    <import class="org.concord.otrunk.util.OTSharingBundle" />
    <import class="org.concord.otrunk.view.OTObjectEditViewConfig" />
    <import class="org.concord.otrunk.view.OTViewChild" />
    <import class="org.concord.otrunk.view.OTViewEntry" />
    <import class="org.concord.otrunk.view.OTViewBundle" />
    <import class="org.concord.otrunk.view.OTViewMode" />
    <import class="org.concord.otrunk.view.document.OTCompoundDoc" />
    <import class="org.concord.otrunk.view.document.OTCssText" />
    <import class="org.concord.otrunk.view.prototype.OTPrototypeViewEntry" />
    <import class="org.concord.otrunk.view.prototype.OTPrototypeEventController" />
    <import class="org.concord.otrunk.view.prototype.OTPrototypeMapEntry" />
    <import class="org.concord.otrunknl4.OTNLogoModel" />
    <import class="org.concord.sensor.state.OTDeviceConfig" />
    <import class="org.concord.sensor.state.OTExperimentRequest" />
    <import class="org.concord.sensor.state.OTInterfaceManager" />
    <import class="org.concord.sensor.state.OTSensorDataProxy" />
    <import class="org.concord.sensor.state.OTSensorRequest" />
    <import class="org.concord.sensor.state.OTZeroSensor" />
    <import class="org.concord.datagraph.state.OTDataPointLabel" />
    <import class="org.concord.otrunkmw.OTModelerPage" />
    <import class="org.concord.otrunkmw.OTMwDataProducer" />
    <import class="org.concord.otrunkmw.OTMwChannelData" />
    <import class="org.concord.otrunk.ui.OTSoundPlayer" />
    <import class="org.concord.otrunk.util.OTReference" />
    <import class="org.concord.smartgraph.OTSmartGraphTool" />
    <import class="org.concord.otrunk.script.ui.OTScriptButton" />
    <import class="org.concord.otrunk.script.jruby.OTJRuby" />
    <import class="org.concord.otrunk.script.ui.OTScriptVariableRealObject" />
    <import class="org.concord.framework.otrunk.wrapper.OTInt" />
    <import class="org.concord.framework.otrunk.wrapper.OTBoolean" />
    <import class="org.concord.otrunk.overlay.OTOverlayWrapper" />
    <import class="org.concord.otrunk.intrasession.OTMultiUserPickN" />
    <import class="org.concord.otrunk.intrasession.OTMultiUserPollingGraph" />
    <import class="org.concord.otrunk.ui.menu.OTNavBar" />
    <import class="org.concord.otrunk.view.document.OTCompoundDoc" />
    <import class="org.concord.otrunk.ui.question.OTQuestion" />
    <import class="org.concord.otrunk.ui.menu.OTMenu" />
    <import class="org.concord.otrunk.ui.OTSection" />
    <import class="org.concord.otrunk.ui.menu.OTMenuRule" />
    <import class="org.concord.framework.otrunk.wrapper.OTObjectSet" />
    <import class="org.concord.otrunk.ui.question.OTQuestionAnswer" />
  </imports>
  <objects>
    <OTSystem local_id="system">
      <includes>
        <OTInclude href="global-imports/loops-view-bundle.otml" />
      </includes>
      <bundles>
        <object refid="8d880970-c22a-11dc-95ff-0800200c9a66" />
        <OTScriptEngineBundle>
          <engines>
            <OTScriptEngineEntry objectClass="org.concord.otrunk.script.jruby.OTJRuby" engineClass="org.concord.otrunk.script.jruby.OTJRubyEngine" />
            <OTScriptEngineEntry objectClass="org.concord.otrunk.script.js.OTJavascript" engineClass="org.concord.otrunk.script.js.OTJavascriptEngine" />
          </engines>
        </OTScriptEngineBundle>
        <OTSharingBundle />
        <OTInterfaceManager>
          <deviceConfigs>
            <OTDeviceConfig configString="none" deviceId="10" />
          </deviceConfigs>
        </OTInterfaceManager>
      </bundles>
      <overlays>
        <object refid="6cc8e2b0-c44e-11dc-95ff-0800200c9a66" />
        <object refid="b5d8b4a0-db35-11dc-95ff-0800200c9a66" />
        <OTOverlay>
          <deltaObjectMap>
            <entry key="${authoring_script.js}">
              <OTJavascript src="scripts/student_script.js" />
            </entry>
          </deltaObjectMap>
        </OTOverlay>
      </overlays>
      <root>
        <OTCurriculumUnit version="2" name="LOOPS Activity">
          <activity>
            <OTSection local_id="section_1" name="Selection">
              <header>
                <OTCompoundDoc id="2767fe20-6c7d-11dc-8314-0800200c9a66!/section_1/header" showEditBar="false">
                  <bodyText>
                    <div class="title">Describing the Hydrogen + Oxygen Reaction</div>
                  </bodyText>
                </OTCompoundDoc>
              </header>
              <content>
                <OTCardContainer local_id="activity-card-container" contentsMayScroll="true" loadViewOnlyOnDemand="true" closeViewOnExit="true">
                  <cards>
                    <OTCompoundDoc id="238f877e-3833-11de-bc88-9d10f8ad3760" name="%238f877e-3833-11de-bc88-9d10f8ad3760" showEditBar="true">
                      <bodyText>
                        <div class="buffer">
                          <div class="border">
                            <div class="body">
                              <div class="subtitle">Describing the chemical reaction</div>
                              In the next steps, you will see several snapshots taken at different 
          times using the hydrogen burning model. Based on how the molecules 
          and chemical bonds change, choose four pictures to show how the 
          burning of hydrogen gas molecules happens in four steps.
                              <br />
                              <br />
                              Choose one picture for each step according to the instructions as below. 
          After you've chosen your picture, please submit it for anonymous 
          sharing. After you submit an answer, you'll be able to see a 
          histogram of your classmates' answers after your teacher releases 
          them: You'll see the histogram in a pop-up window that will appear 
          after you click on a Results button.
                              <br />
                              <img src="images/instructionAll.png" />
                              <br />
                              Here's 
          what you'll do for each of the frames in the next steps:
                              <br />
                              Frame 1: 
          Choose a picture showing what the molecules look like before the 
          reaction starts.
                              <br />
                              Frames 2 &amp; 3: Choose pictures showing how the 
          molecules and chemical bonds change during the reaction. Arrange the 
          pictures in the right order.
                              <br />
                              Frame 4: Choose a picture showing 
          what the molecules look like after the reaction.
                              <br />
                              <br />
                              Remember 
          that the chemical reaction equation is:
                              <br />
                              <br />
                              <img src="images/hydrogenoxygen.png" />
                              <br />
                              <br />
                              <br />
                            </div>
                          </div>
                        </div>
                      </bodyText>
                    </OTCompoundDoc>
                    <OTCompoundDoc local_id="page-1" name="Select Frame 1 Image">
                      <bodyText>
                        <div class="buffer">
                          <div class="border">
                            <div class="body">
                              <div class="subtitle">Select image for Frame 1 (before the reaction)</div>
                              <table>
                                <tr>
                                  <td>
                                    <div style="background-color: rgb(0,204,102); text-align: center; padding: 5px 5px 5px 5px;">
                                      <span style="color: rgb(204,0,0);">Frame 1 before the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="204a23d6-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg"/></td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 2 right after the reaction starts</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="636b0bdf-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 3 later during the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="6d775f84-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 4 after the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="7dd43745-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                                </tr>
                              </table>
                              <br />
                              <div style="text-align: center; width: 100%;"><img src="images/chemical_key.png"/></div>
                              <br />
                              <object refid="efa466d6-39eb-11de-b2a8-0d8d67702aea" />
                              <br />
                            </div>
                          </div>
                        </div>
                      </bodyText>
                      <documentRefs>
                        <OTOverlayWrapper id="efa466d6-39eb-11de-b2a8-0d8d67702aea" name="Frame1Save">
                          <wrappedObject>
                            <OTQuestion id="cab6eddb-35cc-11de-b899-9b6d4beaaa81" name="Question">
                              <prompt>
                                <OTCompoundDoc>
                                  <bodyText>Select the best picture for Frame 1 (before the reaction)</bodyText>
                                </OTCompoundDoc>
                              </prompt>
                              <input>
                                <OTChoice name="Multiple choice" alignContent="1" horizontal="true" autoLetter="true">
                                  <choices>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/a2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/a2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/b2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/b2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/c2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/c2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc id="7062b474-3a5d-11de-9507-9b71fc210ed8" name="&lt;img src=&quot;images/d2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/d2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/e2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/e2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/f2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/f2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/g2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/g2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/h2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/h2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/i2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/i2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/j2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/j2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/k2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/k2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/l2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/l2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                  </choices>
                                </OTChoice>
                              </input>
                              <correctAnswer>
                                <OTObjectSet>
                                  <objects>
                                    <object refid="7062b474-3a5d-11de-9507-9b71fc210ed8" />
                                  </objects>
                                </OTObjectSet>
                              </correctAnswer>
                            </OTQuestion>
                          </wrappedObject>
                          <resultsObject>
                            <OTMultiUserPollingGraph name="Frame1 Poll" labelType="Alpha">
                              <object>
                                <object refid="cab6eddb-35cc-11de-b899-9b6d4beaaa81" />
                              </object>
                            </OTMultiUserPollingGraph>
                          </resultsObject>
                        </OTOverlayWrapper>
                      </documentRefs>
                    </OTCompoundDoc>
                    <OTCompoundDoc id="5d0886dc-35eb-11de-827f-7b8dd75a3bcd" name="Select Frame 2 Image" showEditBar="true">
                      <bodyText>
                        <div class="buffer">
                          <div class="border">
                            <div class="body">
                              <div class="subtitle">Select image for Frame 2 (right after the reaction starts)</div>
                              <table>
                                <tr>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 1 before the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="204a23d6-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="background-color: rgb(0,204,102); text-align: center; padding: 5px 5px 5px 5px;">
                                      <span style="color: rgb(204,0,0);">Frame 2 right after the reaction starts</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="636b0bdf-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 3 later during the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="6d775f84-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 4 after the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="7dd43745-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                                </tr>
                              </table>
                              <br />
                              <div style="text-align: center; width: 100%;"><img src="images/chemical_key.png"/></div>
                              <br />
                              <object refid="94b5a286-39ec-11de-b2a8-0d8d67702aea" />
                              <br />
                            </div>
                          </div>
                        </div>
                      </bodyText>
                      <documentRefs>
                        <OTOverlayWrapper id="94b5a286-39ec-11de-b2a8-0d8d67702aea" name="Frame2Save">
                          <wrappedObject>
                            <OTQuestion id="cf20e6a9-35eb-11de-827f-7b8dd75a3bcd" name="Question">
                              <prompt>
                                <OTCompoundDoc>
                                  <bodyText>Select the best picture for Frame 2  (right after the reaction starts)</bodyText>
                                </OTCompoundDoc>
                              </prompt>
                              <input>
                                <OTChoice name="Multiple choice" alignContent="1" horizontal="true" autoLetter="true">
                                  <choices>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/a2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/a2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/b2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/b2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/c2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/c2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/d2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/d2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/e2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/e2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/f2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/f2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/g2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/g2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/h2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/h2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/i2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/i2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/j2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/j2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc id="19395d38-3a5e-11de-9507-9b71fc210ed8" name="&lt;img src=&quot;images/k2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/k2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/l2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/l2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                  </choices>
                                </OTChoice>
                              </input>
                              <correctAnswer>
                                <OTObjectSet>
                                  <objects>
                                    <object refid="19395d38-3a5e-11de-9507-9b71fc210ed8" />
                                  </objects>
                                </OTObjectSet>
                              </correctAnswer>
                            </OTQuestion>
                          </wrappedObject>
                          <resultsObject>
                            <OTMultiUserPollingGraph name="Frame2 Poll" labelType="Alpha">
                              <object>
                                <object refid="cf20e6a9-35eb-11de-827f-7b8dd75a3bcd" />
                              </object>
                            </OTMultiUserPollingGraph>
                          </resultsObject>
                        </OTOverlayWrapper>
                      </documentRefs>
                    </OTCompoundDoc>
                    <OTCompoundDoc id="55d22430-35ed-11de-827f-7b8dd75a3bcd" name="Select Frame 3 Image" showEditBar="true">
                      <bodyText>
                        <div class="buffer">
                          <div class="border">
                            <div class="body">
                              <div class="subtitle">Select image for Frame 3 (later during the reaction)</div>
                              <table>
                                <tr>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 1 before the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="204a23d6-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 2 right after the reaction starts</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="636b0bdf-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="background-color: rgb(0,204,102); text-align: center; padding: 5px 5px 5px 5px;">
                                      <span style="color: rgb(204,0,0);">Frame 3 later during the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="6d775f84-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 4 after the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="7dd43745-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                                </tr>
                              </table>
                              <br />
                              <div style="text-align: center; width: 100%;"><img src="images/chemical_key.png"/></div>
                              <br />
                              <object refid="7016860d-39ed-11de-b2a8-0d8d67702aea" />
                              <br />
                            </div>
                          </div>
                        </div>
                      </bodyText>
                      <documentRefs>
                        <OTOverlayWrapper id="7016860d-39ed-11de-b2a8-0d8d67702aea" name="Frame3Save">
                          <wrappedObject>
                            <OTQuestion id="49537c40-35ee-11de-9123-8581a861c3a6" name="Question">
                              <prompt>
                                <OTCompoundDoc>
                                  <bodyText>Select the best picture for Frame 3  (later during the reaction)</bodyText>
                                </OTCompoundDoc>
                              </prompt>
                              <input>
                                <OTChoice name="Multiple choice" alignContent="1" horizontal="true" autoLetter="true">
                                  <choices>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/a2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/a2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/b2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/b2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/c2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/c2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/d2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/d2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/e2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/e2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc id="8ce3f558-3a5e-11de-9507-9b71fc210ed8" name="&lt;img src=&quot;images/f2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/f2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/g2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/g2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/h2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/h2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/i2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/i2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/j2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/j2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/k2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/k2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/l2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/l2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                  </choices>
                                </OTChoice>
                              </input>
                              <correctAnswer>
                                <OTObjectSet>
                                  <objects>
                                    <object refid="8ce3f558-3a5e-11de-9507-9b71fc210ed8" />
                                  </objects>
                                </OTObjectSet>
                              </correctAnswer>
                            </OTQuestion>
                          </wrappedObject>
                          <resultsObject>
                            <OTMultiUserPollingGraph name="Frame3 Poll" labelType="Alpha">
                              <object>
                                <object refid="49537c40-35ee-11de-9123-8581a861c3a6" />
                              </object>
                            </OTMultiUserPollingGraph>
                          </resultsObject>
                        </OTOverlayWrapper>
                      </documentRefs>
                    </OTCompoundDoc>
                    <OTCompoundDoc id="82e6d249-35ed-11de-827f-7b8dd75a3bcd" name="Select Frame 4 Image" showEditBar="true">
                      <bodyText>
                        <div class="buffer">
                          <div class="border">
                            <div class="body">
                              <div class="subtitle">Select image for Frame 4 (after the reaction)</div>
                              <table>
                                <tr>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 1 before the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="204a23d6-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 2 right after the reaction starts</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="636b0bdf-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 3 later during the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="6d775f84-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                <td><img src="images/arrow-long-right.jpg" /></td>
                                  <td>
                                    <div style="background-color: rgb(0,204,102); text-align: center; padding: 5px 5px 5px 5px;">
                                      <span style="color: rgb(204,0,0);">Frame 4 after the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="7dd43745-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                                </tr>
                              </table>
                              <br />
                              <div style="text-align: center; width: 100%;"><img src="images/chemical_key.png"/></div>
                              <br />
                              <object refid="90b643f7-39ed-11de-b2a8-0d8d67702aea" />
                              <br />
                            </div>
                          </div>
                        </div>
                      </bodyText>
                      <documentRefs>
                        <OTOverlayWrapper id="90b643f7-39ed-11de-b2a8-0d8d67702aea" name="Frame4Save">
                          <wrappedObject>
                            <OTQuestion id="1d63820e-35ef-11de-9123-8581a861c3a6" name="Question">
                              <prompt>
                                <OTCompoundDoc>
                                  <bodyText>Select the best picture for Frame 4  (after the reaction)</bodyText>
                                </OTCompoundDoc>
                              </prompt>
                              <input>
                                <OTChoice name="Multiple choice" alignContent="1" horizontal="true" autoLetter="true">
                                  <choices>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/a2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/a2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc id="1d63820e-35ef-11de-9123-8581a861c3a6/input/choices[1]" name="&lt;img src=&quot;images/b2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/b2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/c2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/c2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/d2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/d2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/e2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/e2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/f2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/f2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/g2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/g2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/h2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/h2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/i2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/i2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/j2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/j2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/k2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/k2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                    <OTCompoundDoc name="&lt;img src=&quot;images/l2.gif&quot; /&gt;">
                                      <bodyText>
                                        <img src="images/l2.gif" />
                                      </bodyText>
                                    </OTCompoundDoc>
                                  </choices>
                                </OTChoice>
                              </input>
                              <correctAnswer>
                                <OTObjectSet>
                                  <objects>
                                    <object refid="1d63820e-35ef-11de-9123-8581a861c3a6/input/choices[1]" />
                                  </objects>
                                </OTObjectSet>
                              </correctAnswer>
                            </OTQuestion>
                          </wrappedObject>
                          <resultsObject>
                            <OTMultiUserPollingGraph name="Frame4 Poll" labelType="Alpha">
                              <object>
                                <object refid="1d63820e-35ef-11de-9123-8581a861c3a6" />
                              </object>
                            </OTMultiUserPollingGraph>
                          </resultsObject>
                        </OTOverlayWrapper>
                      </documentRefs>
                    </OTCompoundDoc>
                    <OTCompoundDoc id="2a79ca32-398d-11de-9bbf-a93eb4197402" name="%2a79ca32-398d-11de-9bbf-a93eb4197402" showEditBar="true">
                      <bodyText>
                        <div class="buffer">
                          <div class="border">
                            <div class="body">
                              <div class="subtitle">Your answers</div>
                              <br />
                              <table>
                                <tr>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 1 before the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="204a23d6-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                                  <td>
                                    <img src="images/arrow-long-right.jpg" />
                                  </td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 2 right after the reaction starts</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="636b0bdf-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                                  <td>
                                    <img src="images/arrow-long-right.jpg" />
                                  </td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 3 later during the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="6d775f84-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                                  <td>
                                    <img src="images/arrow-long-right.jpg" />
                                  </td>
                                  <td>
                                    <div style="text-align: center;">
                                      <span style="color: rgb(204,0,0);">Frame 4 after the reaction</span>
                        <br/><div style="border-style: solid; border-color: black; border-width: 2px; width: 124px; height: 79px;"><object refid="7dd43745-39e4-11de-bcfb-cd777a276350" /></div></div>
                                  </td>
                                </tr>
                              </table>
                              <br />
                              <div style="text-align: center; width: 100%;"><img src="images/chemical_key.png"/></div>
                              <br />
                              <br />
                              Please answer the following question about your choices above, then 
          submit your answer for anonymous sharing. You'll again be able to 
          see some of your classmates' answers by clicking the Results button 
          after your teacher releases the answers.
                              <br />
                              <br />
                              <object refid="d67c3481-39ed-11de-b2a8-0d8d67702aea" />
                            </div>
                          </div>
                        </div>
                      </bodyText>
                      <documentRefs>
                        <OTQuestionAnswer id="204a23d6-39e4-11de-bcfb-cd777a276350" name="Student Answer">
                          <question>
                            <object refid="cab6eddb-35cc-11de-b899-9b6d4beaaa81" />
                          </question>
                        </OTQuestionAnswer>
                        <OTQuestionAnswer id="636b0bdf-39e4-11de-bcfb-cd777a276350" name="Student Answer">
                          <question>
                            <object refid="cf20e6a9-35eb-11de-827f-7b8dd75a3bcd" />
                          </question>
                        </OTQuestionAnswer>
                        <OTQuestionAnswer id="6d775f84-39e4-11de-bcfb-cd777a276350" name="Student Answer">
                          <question>
                            <object refid="49537c40-35ee-11de-9123-8581a861c3a6" />
                          </question>
                        </OTQuestionAnswer>
                        <OTQuestionAnswer id="7dd43745-39e4-11de-bcfb-cd777a276350" name="Student Answer">
                          <question>
                            <object refid="1d63820e-35ef-11de-9123-8581a861c3a6" />
                          </question>
                        </OTQuestionAnswer>
                        <OTOverlayWrapper id="d67c3481-39ed-11de-b2a8-0d8d67702aea" name="FramesExplanationSave">
                          <wrappedObject>
                            <OTQuestion id="35a8f2f3-398d-11de-9bbf-a93eb4197402" name="FramesExplanation">
                              <prompt>
                                <OTCompoundDoc>
                                  <bodyText>Please explain what happens to molecules and chemical bonds during the reaction.</bodyText>
                                </OTCompoundDoc>
                              </prompt>
                              <input>
                                <OTText text="&#xA;" />
                              </input>
                            </OTQuestion>
                          </wrappedObject>
                          <resultsObject>
                            <OTMultiUserPickN name="Frames Explanation Pick N">
                              <object>
                                <object refid="35a8f2f3-398d-11de-9bbf-a93eb4197402" />
                              </object>
                            </OTMultiUserPickN>
                          </resultsObject>
                        </OTOverlayWrapper>
                      </documentRefs>
                    </OTCompoundDoc>
                    <OTCompoundDoc id="48e07e22-39b1-11de-9c27-e9d59a4d154b" name="%48e07e22-39b1-11de-9c27-e9d59a4d154b" showEditBar="true">
                      <bodyText>
                        <div class="buffer">
                          <div class="border">
                            <div class="body">
                              <div class="subtitle">
                                Mixing Hydrogen and Oxygen
                                <br />
                                <br />
                                <object refid="401b24cd-3a87-11de-825d-c74df368a75d" />
                                <br />
                              </div>
                              <br />
                            </div>
                          </div>
                        </div>
                      </bodyText>
                      <documentRefs>
                        <OTOverlayWrapper id="401b24cd-3a87-11de-825d-c74df368a75d" name="MixQuestionSave">
                          <wrappedObject>
                            <object refid="68e7f4a3-39b1-11de-9c27-e9d59a4d154b" />
                          </wrappedObject>
                          <resultsObject>
                            <OTMultiUserPickN name="MixQuestion Pick N">
                              <object>
                                <object refid="68e7f4a3-39b1-11de-9c27-e9d59a4d154b" />
                              </object>
                            </OTMultiUserPickN>
                          </resultsObject>
                        </OTOverlayWrapper>
                        <OTQuestion id="68e7f4a3-39b1-11de-9c27-e9d59a4d154b" name="MixQuestion">
                          <prompt>
                            <OTCompoundDoc>
                              <bodyText>If you mix a bottle of hydrogen gas with a bottle of oxygen gas, will the chemical reaction happen automatically?  Explain why or why not.</bodyText>
                            </OTCompoundDoc>
                          </prompt>
                          <input>
                            <OTText text="Will or Will NOT, because ...." rows="2" />
                          </input>
                        </OTQuestion>
                      </documentRefs>
                    </OTCompoundDoc>
                    <OTCompoundDoc id="ac6d3f14-35ef-11de-9123-8581a861c3a6" name="%ac6d3f14-35ef-11de-9123-8581a861c3a6" showEditBar="true">
                      <bodyText>
                        <div class="buffer">
                          <div class="border">
                            <div class="body">
                              <div class="subtitle">The End</div>
                            </div>
                          </div>
                        </div>
                      </bodyText>
                    </OTCompoundDoc>
                  </cards>
                  <currentCard>
                    <object refid="238f877e-3833-11de-bc88-9d10f8ad3760" />
                  </currentCard>
                  <viewedCards>
                    <object refid="238f877e-3833-11de-bc88-9d10f8ad3760" />
                    <object refid="${page-1}" />
                  </viewedCards>
                </OTCardContainer>
              </content>
              <footer>
                <object refid="${nav-bar}" />
              </footer>
              <north>
                <object refid="2767fe20-6c7d-11dc-8314-0800200c9a66!/section_1/header" />
              </north>
              <center>
                <object refid="${activity-card-container}" />
              </center>
              <south>
                <object refid="${nav-bar}" />
              </south>
            </OTSection>
          </activity>
          <script>
            <object refid="${authoring-script}" />
          </script>
        </OTCurriculumUnit>
      </root>
      <library>
        <object refid="b6350a20-e3b4-11dc-95ff-0800200c9a66" />
        <OTMenu local_id="section-1-menu">
          <cardContainer>
            <object refid="${activity-card-container}" />
          </cardContainer>
          <menuRule>
            <object refid="${page-rule}" />
          </menuRule>
        </OTMenu>
        <OTSnapshotAlbum local_id="album" />
        <OTMenuRule local_id="page-rule" jumpToViewedCard="true" stepAhead="true" />
        <OTJavascript local_id="change_page.js" src="scripts/change_page.js" />
        <OTJavascript local_id="show_message.js" src="scripts/show_message.js" />
        <OTJavascript local_id="loops_authoring_script.js" src="scripts/loops_authoring_script.js" />
        <OTScriptObject local_id="authoring-script">
          <variables>
            <OTScriptVariable name="cardContainer">
              <reference>
                <object refid="${activity-card-container}" />
              </reference>
            </OTScriptVariable>
            <OTScriptVariable name="system">
              <reference>
                <object refid="${system}" />
              </reference>
            </OTScriptVariable>
            <OTScriptVariable name="menuPageRule">
              <reference>
                <object refid="${page-rule}" />
              </reference>
            </OTScriptVariable>
          </variables>
          <script>
            <object refid="${loops_authoring_script.js}" />
          </script>
          <scriptState />
        </OTScriptObject>
        <OTNavBar local_id="nav-bar">
          <menuView>
            <object refid="29dc5ef0-c453-11dc-95ff-0800200c9a66" />
          </menuView>
          <cssColor>
            <object refid="31193bb0-c44f-11dc-95ff-0800200c9a66" />
          </cssColor>
        </OTNavBar>
      </library>
    </OTSystem>
  </objects>
</otrunk>

