    <!--
                Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
    See http://www.w3.org/Consortium/Legal/.
    Author: Aaron Cohen (Intel)
               Version: February 7, 2001
                Module: Animation Module
               Feature: animation - tests different calc modes.
             File Name: animation-values-BE-07.smil
      Media Components: 1 JPG for underlay graphic.
     Expected Behavior: See underlay graphic.
    -->
    <smil xmlns="http://www.w3.org/2001/SMIL20/Language">
        <head>
            <layout>
                <root-layout width="640" height="480" backgroundColor="white"/>
                <region id="whole" width="640" height="480" z-index="0"/>
                <region id="rect1" top="60px" left="76px" height="100px" width="20px" backgroundColor="red" z-index="1"/>
                <region id="rect2" top="60px" left="184px" height="100px" width="20px" backgroundColor="red" z-index="1"/>
                <region id="rect3" top="60px" left="296px" height="100px" width="20px" backgroundColor="red" z-index="1"/>
                <region id="rect4" top="60px" left="406px" height="100px" width="20px" backgroundColor="red" z-index="1"/>
                <region id="rect5" top="220px" left="76px" height="100px" width="20px" backgroundColor="red" z-index="1"/>
                <region id="rect6" top="220px" left="184px" height="100px" width="20px" backgroundColor="red" z-index="1"/>
            </layout>
        </head>
        <body>
            <par dur="indefinite">
                <img src="../images/animation-values-BE-07.jpg" region="whole"/>
                <animate targetElement="rect1" attributeName="height" from="100" to="10" begin="2s" dur="3s" fill="freeze"/>
                <animate targetElement="rect2" attributeName="height" from="100" by="-90" begin="2s" dur="3s" fill="freeze"/>
                <animate targetElement="rect3" attributeName="height" by="-90" begin="2s" dur="3s" fill="freeze"/>
                <animate  targetElement="rect4" attributeName="height" to="10" begin="2s" dur="3s" fill="freeze"/>
                <animate targetElement="rect5" attributeName="height" values="100;10" begin="2s" dur="3s" fill="freeze"/>
                <animate targetElement="rect6" attributeName="height" values="100;70;40;10" begin="2s" dur="3s" fill="freeze"/>
            </par>
        </body>
    </smil>