<!-- 
            Copyright: Copyright 1998-2005  W3C (MIT, ERCIM, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.
Author: Aaron Cohen (Intel)
           Version: February 7, 2001
            Module: Animation Module
           Feature: animation
         File Name: animation-targElt-BE-04.smil
  Media Components: none
 Expected Behavior: Two thick red squares 100 pixels on a side.
                    Left squares shrinks from bottom starting at 3s.
                    Stops shrinking at 6s when it is 50 pixels high.
                    At 6s right squares begins to shrink.
                    Stops shrinking at 9s when it is 50 pixels high.
-->
<smil xmlns="http://www.w3.org/2005/SMIL21/Language">
    <head>
        <layout>
            <root-layout width="640" height="480" backgroundColor="white"/>
            <region id="whole" width="640" height="480" z-index="0"/>
            <region id="region1" top="100px" left="100px" height="100px" width="100px" z-index="1"/>
            <region id="region2" top="100px" left="325px" height="100px" width="100px" z-index="1"/>
        </layout>
    </head>
    <body>
        <par dur="indefinite">
            <img src="../images/animation-targAtt-BE-04.jpg" region="whole"/>
            <brush id="brush1" color="red" height="100px" width="100px" region="region1" fill="freeze"/>
            <animate targetElement="brush1" attributeName="height" from="100" to="50" begin="3s" dur="3s" fill="freeze"/>
            <brush id="brush2" endsync="anim2" color="red" height="100px" width="100px" region="region2" fill="freeze">
            <animate id="anim2" attributeName="height" from="100" to="50" begin="6s" dur="3s" fill="freeze"/>
            </brush>
        </par>
    </body>
</smil>