<!-- 
            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-08.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="90px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect2" top="60px" left="230px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect3" top="60px" left="370px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect4" top="220px" left="90px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect5" top="220px" left="230px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
            <region id="rect6" top="220px" left="370px" height="10px" width="20px" backgroundColor="red" z-index="1"/>
        </layout>
    </head>
    <body>
        <par dur="indefinite">
            <img src="../images/animation-values-BE-08.jpg" region="whole"/>
            <animate targetElement="rect1" attributeName="height" calcMode="discrete" values="100;85;60;10" keyTimes="0;.2;.4;.6" begin="0s" dur="10s" fill="freeze"/>		 
            <animate targetElement="rect2" attributeName="height" calcMode="discrete" values="100;85;60;10" keyTimes="0;.2;.6;.8" begin="0s" dur="10s" fill="freeze"/>			
            <animate targetElement="rect3" attributeName="height" calcMode="paced" values="100;85;60;10" keyTimes="0;.25;.5;1" begin="0s" dur="9s" fill="freeze"/>				
            <animate targetElement="rect4" attributeName="height" calcMode="linear" values="100;85;60;10" keyTimes="0;.25;.5;1" begin="0s" dur="8s" fill="freeze"/>			
            <animate targetElement="rect5" attributeName="height" calcMode="linear" values="100;85;60;10" keyTimes="0;.5;.75;1" begin="0s" dur="8s" fill="freeze"/>		
            <animate targetElement="rect6" attributeName="height" calcMode="spline" values="100;85;60;10" keyTimes="0;.25;.5;1" keySplines="0,0,1,1;0,0,1,1;1,0,0,1" begin="0s" dur="8s" fill="freeze"/>
        </par>
    </body>
</smil>