<!-- 
            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 - tests different calc modes.
         File Name: animation-values-BE-06.smil
  Media Components: 1 JPG for underlay graphic.
 Expected Behavior: See underlay graphic.
-->
<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"/>
            <region id="rect1" top="60px" left="76px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect2" top="60px" left="185px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect3" top="60px" left="296px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect4" top="60px" left="406px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect5" top="210px" left="76px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect6" top="210px" left="185px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect7" top="210px" left="296px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect8" top="210px" left="406px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
        </layout>
    </head>
    <body>
        <par dur="indefinite">
            <img src="../images/animation-values-BE-06.jpg" region="whole"/>
            <animate targetElement="rect1" attributeName="height" calcMode="discrete" values="100;85;60;10" begin="0s" dur="8s" fill="freeze"/>
            <animate targetElement="rect2" attributeName="height" values="100;85;60;10" begin="0s" dur="9s" fill="freeze"/>
            <animate targetElement="rect3" attributeName="height" calcMode="paced" values="100;85;60;10" begin="0s" dur="9s" fill="freeze"/>
            <animate  targetElement="rect4" attributeName="height" calcMode="spline" keySplines="0 0 1 1;0 0 1 1;0.75 0 0 0.75" values="100;85;60;10" begin="0s" dur="9s" fill="freeze"/>
            <animateMotion targetElement="rect5" additive="sum" calcMode="discrete" values="0,100;0,85;0,60;0,10" begin="0s" dur="8s" fill="freeze"/>
            <animateMotion targetElement="rect6" additive="sum" calcMode="linear" values="0,100;0,85;0,60;0,10" begin="0s" dur="9s" fill="freeze"/> 
            <animateMotion targetElement="rect7" additive="sum" calcMode="paced" values="0,100;0,85;0,60;0,10" begin="0s" dur="9s" fill="freeze"/>
            <animateMotion targetElement="rect8" calcMode="spline" keySplines="0,0,1,1;0,0,1,1;0.75,0,0,0.75" values="0,100;0,85;0,60;0,10" additive="sum" begin="0s" dur="9s" fill="freeze"/>
        </par>
    </body>
</smil>