<?xml version="1.1"?>
<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 3.0 Language//EN"
"http://www.w3.org/2008/SMIL30/SMIL30Language.dtd">

<!-- 
Copyright: Copyright 1998-2008  W3C (MIT, ERCIM, Keio), all Rights Reserved. See http://www.w3.org/Consortium/Legal/2008/04-testsuite-license.
Author: Aaron Cohen (Intel)
Revision:  26 Aug 2008  by Thierry Michel (test updated to SMIL  Namespace, DTD and version and BaseProfile attribute)
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.
Required Modules: BasicAnimation
                  BasicInlineTiming
                  BasicLayout
                  BasicMedia
                  BasicTimeContainers
                  Structure
-->

<smil xmlns="http://www.w3.org/ns/SMIL" version="3.0" baseProfile="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>