<!-- test for moving a region with the animate element -->
<smil>
  <head>
    <layout>
      <root-layout width="400" height="300" background-color="SeaGreen"/>
      <region top="48.5%" bottom="48.5%" background-color="white"/>
      <region left="48.5%" right="48.5%" background-color="white"/>
      <region id="region1" left="5%" top="10%" right="5%" bottom="10%"/>
      <region id="region2" left="5%" top="10%" width="20%" height="20%"
              background-color="yellow" backgroundOpacity="70"
              showBackground="whenActive"/>
      <region id="regimg1"/>
    </layout>
    <transition id="fade1" dur="1" type="fade"/>
  </head>
  <body>
    <par>
      <img dur="40" id="img" src="../icons/48-apps-kmplayer.png"
           region="regimg1" left="25" top="10" rn:mediaOpacity="40%"
           transIn="fade1" transOut="fade1"/>
      <animateMotion target="img" dur="20" calcMode="spline" repeat="2"
                     values="25,10;300,45;25,85;300,125;25,165;300,205;25,80;25,10"
                     keyTimes="0;.1;.2;.4;.6;.8;.9;1"
                     keySplines=".5 0 .5 1;0 .75 .25 1;0 .75 .25 1;.5 0 .5 1;.5 0 .5 1;0 .75 .25 1;.5 0 .5 1"/>
      <par begin="2">
        <img dur="40" id="img2" src="../icons/48-apps-kmplayer.png"
             region="regimg1" left="25" top="10" rn:mediaOpacity="40%"
             transIn="fade1" transOut="fade1"/>
        <animateMotion target="img2" dur="20" calcMode="spline" repeat="2"
                       values="25,10;300,45;25,85;300,125;25,165;300,205;25,80;25,10"
                       keyTimes="0;.1;.2;.4;.6;.8;.9;1"
                       keySplines=".5 0 .5 1;0 .75 .25 1;0 .75 .25 1;.5 0 .5 1;.5 0 .5 1;0 .75 .25 1;.5 0 .5 1"/>
      </par>
      <par begin="4">
        <img dur="40" id="img3" src="../icons/48-apps-kmplayer.png"
             region="regimg1" left="25" top="10" rn:mediaOpacity="40%"
             transIn="fade1" transOut="fade1"/>
        <animateMotion target="img3" dur="20" calcMode="spline" repeat="2"
                       values="25,10;300,45;25,85;300,125;25,165;300,205;25,80;25,10"
                       keyTimes="0;.1;.2;.4;.6;.8;.9;1"
                       keySplines=".5 0 .5 1;0 .75 .25 1;0 .75 .25 1;.5 0 .5 1;.5 0 .5 1;0 .75 .25 1;.5 0 .5 1"/>
      </par>
    <seq>
    <par>
      <text id="text1" src="data:,8,8%20animateMotion%20by%2032x32%20and%20back"
            region="region1" left="8" top="8" dur="5"
            mediaBackgroundOpacity="70%"/>
      <animateMotion target="text1" begin="1" dur=".5" by="32,32" fill="freeze"/>
      <animateMotion target="text1" begin="3" dur=".5" by="-32,-32" fill="freeze"/>
    </par>
    <par>
      <text id="text2" src="data:,20%25,75%25%0AanimateMotion%0Ato%2040%25,20%25%0Aback%20to%20150,20"
            region="region1" left="20%" top="75%" dur="5"
            mediaBackgroundOpacity="70%"/>
      <animateMotion target="text2" begin="1" dur=".5" to="40%,20%" fill="freeze"/>
      <animateMotion target="text2" begin="3" dur=".5" to="150,20" fill="freeze"/>
    </par>
    <par>
      <text id="text3" src="data:,8,8%0AanimateMotion%0Afrom%2040%25,20%25%0Aby%2040%25,-20%25"
            region="region1" left="8" top="8" dur="3"
            mediaBackgroundOpacity="70%"/>
      <animateMotion target="text3" begin="1" dur=".5"
                     from="20%,75%" by="40%,-20%" fill="freeze"/>
    </par>
    <par>
      <text id="text4" src="data:,8,8%0AanimateMotion%0Afrom%2010,150%0Ato%20150,10"
            region="region1" left="8" top="8" dur="3"
            mediaBackgroundOpacity="70%"/>
      <animateMotion target="text4" begin="1" dur=".5"
                     from="10,150" to="150,10" fill="freeze"/>
    </par>
    <par>
      <text id="text6" src="data:,lineair%20animateMotion%0Avalues%2020,20;150,5;160,160"
            region="region1" left="8" top="8" dur="5"
            mediaBackgroundOpacity="70%"/>
      <animateMotion target="text6" begin="2" dur="2"
                     values="20,20;150,5;160,170" fill="freeze"/>
    </par>
    <par>
      <text id="text7" src="data:,lineair%20animateMotion%0Avalues%2020,20;160,35;140,160%0AkeyTimes0;0.8;1"
            region="region1" left="8" top="8" dur="5"
            mediaBackgroundOpacity="70%"/>
      <animateMotion target="text7" begin="2" dur="2" fill="freeze"
                     values="20,20;160,35;140,160" keyTimes="0;0.8;1"/>
    </par>
    <par>
      <text id="text8" src="data:,spline%20animateMotion%0Avalues%2020,20;160,35;140,160%0AkeyTimes0;0.5;1%0AkeySplines%20.5%200%20.5%201;0%20.75%20.25%201"
            region="region1" left="8" top="8" dur="5"
            mediaBackgroundOpacity="70%"/>
      <animateMotion target="text8" begin="1" dur="3" calcMode="spline"
                     values="20,20;160,35;140,160" fill="freeze"
                     keyTimes="0;0.5;1"
                     keySplines=".5 0 .5 1;0 .75 .25 1"/>
    </par>
    <par>
      <text id="text9" src="data:,discrete%20animateMotion%0Avalues%2020,20;160,35;140,160"
            region="region1" left="8" top="8" dur="4"
            mediaBackgroundOpacity="70%"/>
      <animateMotion target="text9" begin="1" dur="3" calcMode="discrete"
                     values="20,20;160,35;140,160" fill="freeze"/>
    </par>
    <par>
      <text id="text10" src="data:,discrete%20animateMotion%0Avalues%2020,20;160,35;140,160%0AkeyTimes0;0.5;.7"
            region="region1" left="8" top="8" dur="4"
            mediaBackgroundOpacity="70%"/>
      <animateMotion target="text10" begin="1" dur="3" calcMode="discrete"
                     values="20,20;160,35;140,160"
                     keyTimes="0;0.5;.7" fill="freeze"/>
    </par>
    <par>
      <text left="0" id="text5" src="data:,animateMotion%20on%20region"
            region="region2" dur="10" fontPtSize="7">
        <animateMotion begin="2.7" dur=".3" calcMode="spline" fill="freeze"
                       from="0,0" to="25%, 0%" keySplines="0 .75 .25 1"/>
        <animateMotion begin="4.7" dur=".3" calcMode="spline" fill="freeze"
                       from="25%,0%" to="25%, 25%" keySplines="0 .75 .25 1"/>
        <animateMotion begin="6.7" dur=".3" calcMode="spline" fill="freeze"
                       from="25%,25%" to="0%, 25%" keySplines="0 .75 .25 1"/>
        <animateMotion begin="8.0" dur=".4" calcMode="spline" fill="freeze"
                       from="0%,25%" to="0%, 0%" keySplines="0 .75 .25 1"/>
      </text>
      <animateMotion target="region2" begin="1" dur="1.7" calcMode="spline" fill="freeze"
                     from="5%,10%" to="55%, 15%" keySplines=".75 0 1 .25"/>
      <animateColor target="region2" begin="2.7" dur=".4" calcMode="spline"
                    keyTimes="0;0.3;1" values="yellow;red;yellow"
                    keySplines=".25 0 .75 1;.25 0 .75 1"/>
      <animateMotion target="region2" begin="3" dur="1.7" calcMode="spline"
                     to="65%,60%" keySplines=".75 0 1 .25" fill="freeze"/>
      <animateColor target="region2" begin="4.7" dur=".4" calcMode="spline"
                    keyTimes="0;0.3;1" values="yellow;red;yellow"
                    keySplines=".25 0 .75 1;.25 0 .75 1"/>
      <animateMotion target="region2" begin="5" dur="1.7" calcMode="spline"
                     by="-45%,10%" keySplines=".75 0 1 .25" fill="freeze"/>
      <animateColor target="region2" begin="6.7" dur=".4" calcMode="spline"
                    keyTimes="0;0.3;1" values="yellow;red;yellow"
                    keySplines=".25 0 .75 1;.25 0 .75 1"/>
      <animateMotion target="region2" begin="7" dur="1.8" calcMode="spline" fill="freeze"
                     from="20%,70%" by="-15%,-60%" keySplines="1 0 0 1"/>
    </par>
    </seq>
    </par>
  </body>
</smil>
