    <!--
                Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
    See http://www.w3.org/Consortium/Legal/.
    Author: Aaron Cohen, Intel
             File Name: TR-fadeColor-dir-and-modifiers.smil
      Media Components: 2 JPG, static text in data: url
     Expected Behavior: Tests several transition options between two transitions.
                        #1 fade image in from red over 2s, then display image for 2s more.
                        #2 does a 2s left to right bar wipe.
                        #3 does a 2s right to left bar wipe.
                        #4 does a 3s 2x horizontal repeat iris wipe.
                        #5 does a 3s 3x vertical repeat iris wipe.
                        #6 does a 2s bar wipe with a 10px red border.
                        #7 tests transition fallback, and should show a 2s snake wipe.
    -->
    <smil xmlns="http://www.w3.org/2001/SMIL20/Language"
          xmlns:example="http://www.example.org">
      <head>
        <layout type="text/smil-basic-layout">
          <root-layout width="128" height="168"/>
          <region id="region" width="128" height="128"/>
          <region id="explain" width="128" height="40" top="128" background-color="white"/>
        </layout>
        <transition id="fadeInFromRed" dur="2s" type="fade" subtype="fadeFromColor" fadeColor="red"/>
        <transition id="barWipeForward" dur="2s" type="barWipe" direction="forward"/>
        <transition id="barWipeReverse" dur="2s" type="barWipe" direction="reverse"/>
        <transition id="irisWipeHorzRepeat" dur="2s" type="irisWipe" horzRepeat="2"/>
        <transition id="irisWipeVertRepeat" dur="2s" type="irisWipe" vertRepeat="3"/>
        <transition id="barWipeBorder" dur="2s" type="barWipe" borderWidth="10" borderColor="red"/>
        <transition id="super" dur="2s" type="example:superWipe"/>
        <transition id="superdeduper" dur="2s" type="example:superdeduperWipe"/>
        <transition id="fallback" dur="2s" type="snakeWipe"/>
      </head>
      <body>
        <seq>
          <par>
            <seq>
              <img region="region" dur="4s" src="../images/yellow-b.jpg" transIn="fadeInFromRed"/>
            </seq>
            <text region="explain" dur="4s" src="data:,fade in from red over 2s"/>
          </par>
          <par>
            <seq>
              <img region="region" dur="2s" fill="transition" src="../images/blue-a.jpg"/>
              <img region="region" dur="4s" src="../images/yellow-b.jpg" transIn="barWipeForward"/>
            </seq>
            <text region="explain" dur="6s" src="data:,2s forward barWipe"/>
          </par>
          <par>
            <seq>
              <img region="region" dur="2s" fill="transition" src="../images/blue-a.jpg"/>
              <img region="region" dur="4s" src="../images/yellow-b.jpg" transIn="barWipeReverse"/>
            </seq>
            <text region="explain" dur="6s" src="data:,2s backward barWipe"/>
          </par>
          <par>
            <seq>
              <img region="region" dur="2s" fill="transition" src="../images/blue-a.jpg"/>
              <img region="region" dur="4s" src="../images/yellow-b.jpg" transIn="irisWipeHorzRepeat"/>
            </seq>
            <text region="explain" dur="6s" src="data:,3s irisWipe x2 horizontal"/>
          </par>
          <par>
            <seq>
              <img region="region" dur="2s" fill="transition" src="../images/blue-a.jpg"/>
              <img region="region" dur="4s" src="../images/yellow-b.jpg" transIn="irisWipeVertRepeat"/>
            </seq>
            <text region="explain" dur="6s" src="data:,3s irisWipe x3 vertical"/>
          </par>
          <par>
            <seq>
              <img region="region" dur="2s" fill="transition" src="../images/blue-a.jpg"/>
              <img region="region" dur="4s" src="../images/yellow-b.jpg" transIn="barWipeBorder"/>
            </seq>
            <text region="explain" dur="6s" src="data:,2s barWipe 10px red border"/>
          </par>
          <par>
            <seq>
              <img region="region" dur="2s" fill="transition" src="../images/blue-a.jpg"/>
              <img region="region" dur="4s" src="../images/yellow-b.jpg" transIn="super;superdeduper;fallback"/>
            </seq>
            <text region="explain" dur="6s" src="data:,2s fallback to snake wipe"/>
          </par>
        </seq>
      </body>
    </smil>