<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE otrunk [
<!ENTITY c2h6 "C<span class='sub'>2</span>H<span class='sub'>6</span>">
<!ENTITY o2 "O<span class='sub'>2</span>">
<!ENTITY co2 "CO<span class='sub'>2</span>">
<!ENTITY h2o "H<span class='sub'>2</span>O">
<!ENTITY equation "2&c2h6;  +  7&o2;  ➡  4&co2;   +  6&h2o;">
]>
<otrunk id="11235">
  <imports>
    <import class="org.concord.otrunk.OTSystem"/>
    <import class="org.concord.otrunk.view.OTViewEntry"/>
    <import class="org.concord.otrunk.view.OTViewService"/>
    <import class="org.concord.otrunk.view.document.OTCompoundDoc"/>
    <import class="org.concord.otrunk.view.document.OTTextObject"/>
    <import class="org.concord.otrunkmw.OTModelerPage"/>
    <import class="org.concord.otrunk.ui.OTChoiceWithFeedback" />
    <import class="org.concord.otrunk.ui.OTText"/>
    <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.view.document.OTDocumentViewConfig"/>
  </imports>
  <objects>
    <OTSystem>
      <services>
        <OTViewService>
          <viewEntries>
            <OTViewEntry
              objectClass="org.concord.otrunkmw.OTModelerPage" 
                viewClass="org.concord.otrunkmw.OTModelerPageView"/>
            <OTDocumentViewConfig
              objectClass="org.concord.otrunk.view.document.OTDocument" 
                viewClass="org.concord.otrunk.view.document.OTDocumentView">
                <css>
                body {
                  font-size: medium;
                  font-family: verdana;
                }
                .sub {
                  font-size: x-small;
                }
                .header {
                  font-size: large;
                  font-weight: bold;
                }
              </css>
            </OTDocumentViewConfig>
            <OTViewEntry
              objectClass="org.concord.otrunk.ui.OTChoiceWithFeedback"
                viewClass="org.concord.otrunk.ui.swing.OTChoiceRadioButtonWithFeedbackView"/>
            <OTViewEntry
              objectClass="org.concord.otrunk.ui.snapshot.OTSnapshotButton" 
                viewClass="org.concord.otrunk.ui.snapshot.OTSnapshotButtonView"/>
            <OTViewEntry
              objectClass="org.concord.otrunk.ui.snapshot.OTSnapshotAlbum" 
                viewClass="org.concord.otrunk.ui.snapshot.OTSnapshotAlbumView"/>
          </viewEntries>
        </OTViewService>
      </services>
      <root>
        <OTCompoundDoc>
          <bodyText>
            <center><p class="header">Make Ethane Combust</p></center>
            <p>
										<b>Instructions:</b> Below are ethane (<b>&c2h6;</b>) and oxygen (<b>&o2;</b>) molecules. Ethane (a kind of fuel) will react with oxygen to make carbon dioxide and oxygen. <font color="red"><b>Rearrange the atoms in the box</b></font> by clicking and dragging so that you form carbon dioxide (<b>&co2;</b>) and water (<b>&h2o;</b>). When you are done, click the "Take snapshot" button and answer the questions below.
            </p>
						<p><center>
										<table><tr><td align="center"><b>Balanced equation:</b><br/>
																						<b>&equation;</b></td></tr>
														<tr><td><object editable="true" refid="${mw_model}"/></td></tr>
														<tr><td><object refid="${snapshot_button}" /><object refid="${album}" /></td></tr>
										</table>
						</center>
            </p>
            <p>
              <table>
                <tr>
                  <td>
                    How many &c2h6; molecules do you start with in the box?
                  </td>
                  <td>
                    How many &o2; molecules do you start with in the box?
                  </td>
                  <td>
                    How many &co2; molecules did you make?
                  </td>
                  <td>
                    How many &h2o; molecules did you make?
                  </td>
                </tr>
                <tr>
                  <td>
                    <object refid="${question_1}" />
                  </td>
                  <td>
                    <object refid="${question_2}" />
                  </td>
                  <td>
                    <object refid="${question_3}" />
                  </td>
                  <td>
                    <object refid="${question_4}" />
                  </td>
                </tr>
              </table>
            </p>
            <p>
            <b>How did the numbers in the balanced equation, &equation;, relate to the number of molecules that you made?<br />
               Once you think you have the answer, go to the next step in WISE.</b>
               <br/>
               <br/>
            </p>
          </bodyText>
          <documentRefs>
            <OTModelerPage local_id="mw_model"
              authoredDataURL="http://www.concord.org/~aunger/document-chemical-reactions-ethane.cml" />
            <OTChoiceWithFeedback local_id="question_1" immediateFeedback="false">
              <choices>
                <OTText name="A. 1" />
                <OTText name="B. 2" local_id="correct_choice_1" />
                <OTText name="C. 3" />
                <OTText name="D. 4" />
              </choices>
              <correctChoice>
                <object refid="${correct_choice_1}" />
              </correctChoice>
            </OTChoiceWithFeedback>
            <OTChoiceWithFeedback local_id="question_2" immediateFeedback="false">
              <choices>
                <OTText name="A. 4" />
                <OTText name="B. 5" />
                <OTText name="C. 6" />
                <OTText name="D. 7"  local_id="correct_choice_2"/>
              </choices>
              <correctChoice>
                <object refid="${correct_choice_2}" />
              </correctChoice>
            </OTChoiceWithFeedback>
            <OTChoiceWithFeedback local_id="question_3" immediateFeedback="false">
              <choices>
                <OTText name="A. 4" local_id="correct_choice_3" />
                <OTText name="B. 5" />
                <OTText name="C. 6" />
                <OTText name="D. 7" />
              </choices>
              <correctChoice>
                <object refid="${correct_choice_3}" />
              </correctChoice>
            </OTChoiceWithFeedback>
            <OTChoiceWithFeedback local_id="question_4" immediateFeedback="false">
              <choices>
                <OTText name="A. 4" />
                <OTText name="B. 5" />
                <OTText name="C. 6" local_id="correct_choice_4" />
                <OTText name="D. 7" />
              </choices>
              <correctChoice>
                <object refid="${correct_choice_4}" />
              </correctChoice>
            </OTChoiceWithFeedback>
            <OTSnapshotButton local_id="snapshot_button"
              target="${mw_model}"
              snapshotAlbum="${album}"/>
            <OTSnapshotAlbum local_id="album"/>
          </documentRefs>
        </OTCompoundDoc>      
      </root>
    </OTSystem>
  </objects>
</otrunk>
