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