    <smil xmlns="http://www.w3.org/2001/SMIL20/Language">
      <head>
        <layout>
          <root-layout backgroundColor="white" width="450" height="450"/>
          <region id="r" fit="fill"/>
        </layout>
      </head>
      <body>
        <par dur="indefinite">
          <img region="r" src="../images/animation-timing-BE-05.jpg" z-index="-1" fit="hidden"/>
          <img region="r" id="rect1" top="50" left="90" src="../images/red.jpg" height="50" width="30"/>
          <animate id="anim1" targetElement="rect1" attributeName="height" from="50" to="25" begin="2s" dur="2s" fill="freeze"/>
          <img region="r" id="rect2" top="50" left="234" src="../images/red.jpg" height="50" width="30"/>
          <animate id="anim2" targetElement="rect2" attributeName="height" from="50" to="25" begin="anim1.end+1s" dur="2s" fill="freeze"/>

          <img region="r" id="rect4" top="160" left="90" src="../images/red.jpg" height="50" width="30"/>
          <animate id="anim4" targetElement="rect4" attributeName="height" from="50" to="25" begin="activateEvent" dur="2s" fill="freeze"/>
          <img region="r" id="rect5" top="160" left="234" src="../images/red.jpg" height="50" width="30"/>
          <animate id="anim5" targetElement="rect5" attributeName="height" from="50" to="25" begin="rect5.activateEvent+1s" dur="2s" fill="freeze"/>
          <img region="r" id="rect6" top="160" left="380" src="../images/red.jpg" height="50" width="30"/>
          <animate id="anim6a" targetElement="rect6" attributeName="width" repeatCount="2" from="30" to="30" begin="activateEvent" dur="1s" fill="freeze"/>
          <animate id="anim6b" targetElement="rect6" attributeName="height" from="50" to="25" begin="anim6a.repeat(2)" dur="2s" fill="freeze"/>
          <img region="r" id="rect7" top="270" left="90" src="../images/red.jpg" height="50" width="30"/>
          <animate id="anim7" targetElement="rect7" attributeName="height" from="50" to="25" begin="accessKey(1)" dur="2s" fill="freeze"/>
          <img region="r" id="rect8" top="270" left="234" src="../images/red.jpg" height="50" width="30"/>
          <animate id="anim8" targetElement="rect8" attributeName="height" from="50" to="25" begin="wallclock(2000-01-01Z)" dur="2s" fill="freeze"/>
          <img region="r" id="rect9" top="270" left="380" src="../images/red.jpg" height="50" width="30"/>
          <animate id="anim9" targetElement="rect9" attributeName="width" from="30" to="30" begin="indefinite" dur="1s" fill="freeze"/>
        </par>
      </body>
    </smil>