
<smil xmlns="http://www.w3.org/2005/SMIL21/Language">
  <head>
    <layout>
      <root-layout backgroundColor="#eeffcc" width="640" height="480"/>
      <region id="T2" height="170" width="175" backgroundColor="#00ff00" z-index="1" />
      <region id="T1" height="85" width="85" top="45" left="45" backgroundColor="#00ff00" z-index="2" />
      <region id="r" fit="fill"/>
    </layout>
  </head>
  <body>
    <par dur="indefinite">
      <img region="r" src="../images/spline_img03.gif" top="215" fit="hidden"/>
      <img region="r" src="../images/spline_img04.gif" top="420" fit="hidden"/>
      <animateColor begin="2s" dur="6s" calcMode="spline" keySplines="0 .75 .25 1;1 0 .25 .25" keyTimes="0;.8; 1" targetElement="T1" values="black;red;blue" additive="sum" attributeName="backgroundColor" fill="hold"/>
      <animateColor begin="2s" dur="6s" calcMode="linear" keyTimes="0;.8; 1" targetElement="T2" values="black;red;blue" additive="sum" attributeName="backgroundColor" fill="hold"/>
    </par>
  </body>
</smil>