Synchronizing Multimedia Objects

Lets say that we would like to cretae a multimedia presentation with the following attributes:

1) A spatial layout that will include five images.  These five images change with time, that is, after their set duration, they will be replaced on the screen with another image in exactly the same place.  Basically, create a slide show of the images.
2) A streaming video included along with the images.
3) An SVG script that adds animated graphics to enhance the layout.
4) Sound playing in the background.

We simply need to create a smil file (*.smil) with this information included into the tags.

The spatial layout:
<layout>
         <region fit="meet" height="240" id="image1" left="0" title="image1" top="0" width="320"/>
         <region fit="meet" height="240" id="video" left="320" title="image1" top="240" width="320"/>
         <region fit="meet" height="240" id="image2" left="0" title="image2" top="0" width="640"/>
         <region fit="meet" height="240" id="image3" left="0" title="image3" top="240" width="320"/>
         <region fit="meet" height="240" id="image4" left="0" title="image4" top="0" width="320"/>
         <region fit="meet" height="500" id="image5" left="0" title="image5" top="0" width="640"/>
         <region height="1" id="sound" left="0" title="sound" top="0" width="1"/>
 </layout>

The Video (with their respective temporal durations):
<seq id="videot">
               <video id="video1" src="vid1.mpg" region="video" begin="0s" dur="65s"/>
               <video id="video2" src="vid2.mpg" region="video" dur="55s"/>
</seq>

The Sound :
<audio id="mega" region="sound" src="meg.wav"/>

The slide show:
<seq id="slide2">
               <img begin="0s" dur="10s" id="kuva7" region="image3" src="kuva7.jpg" x="0" y="0"/>
               <img dur="10s" id="img1" region="image3" src="img1.jpg" x="0" y="0"/>
               <img dur="10s" id="img2" region="image3" src="img2.jpg" x="0" y="0"/>
               <img dur="10s" id="img3" region="image3" src="img3.jpg" x="0" y="0"/>
               <img dur="10s" id="img4" region="image3" src="img4.jpg" x="0" y="0"/>
               <img dur="10s" id="img5" region="image3" src="img5.jpg" x="0" y="0"/>
               <img dur="10s" id="img6" region="image3" src="img6.jpg" x="0" y="0"/>
               <img dur="10s" id="img7" region="image3" src="img7.jpg" x="0" y="0"/>
               <img dur="10s" id="img8" region="image3" src="img8.jpg" x="0" y="0"/>
               <img dur="10s" id="img9" region="image3" src="img9.jpg" x="0" y="0"/>
               <img dur="10s" id="img10" region="image3" src="img10.jpg" x="0" y="0"/>
               <img dur="10s" id="img11" region="image3" src="img11.jpg" x="0" y="0"/>
</seq>

The SVG:
<img id="svg1" src="somegraphics.svg" region="image5" dur="3s"/>