<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>