<?xml version="1.0" encoding="UTF-8"?>
<smil baseProfile="Language" version="3.0" xmlns="http://www.w3.org/ns/SMIL">
  <head>
    <meta name="title" content="Simple Ken Burns Example"/>
	
    <transition id="xFade" 
	type="fade" 
	subtype="crossfade" 
	dur="4s"/>
	
	<layout>
      <root-layout height="320" width="240" backgroundColor="red" />
      <region xml:id="B" top="0" left="0" height="320" width="240"  backgroundColor="blue" />
    </layout>
	
  </head>
  <body>
    <seq> 
      <!-- source img is 437x599 !-->
      <img 
      	src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/79/JackDelanolocomotiveshop.jpg/437px-JackDelanolocomotiveshop.jpg" 
      	panZoom="0,0,90%,50%" 
      	dur="10s" 
      	region="B" 
      	fit="meet"
      	fill="transition"
      >
      <!-- scroll down and zoom in on the image !-->
         <animate attributeName="panZoom" 
			values="5%,0,90%,50%; 0,50%,100%,50%" 
			dur="10s" />
      </img>     
      <img 
      	src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/T%C3%BCrkenbund_Lilie%2C_Lilium_martagon.JPG/415px-T%C3%BCrkenbund_Lilie%2C_Lilium_martagon.JPG" 
      	panZoom="0,0,100,75" 
      	transIn="xFade" 
      	dur="10s" 
      	region="B" 
      	fit="meet"      	
      >
         <animate attributeName="panZoom" 
			values="25,20,50,75; 45,55,50,75; 140,40,50,75; 35,0,100,150; 0,0,100,150" 
			dur="20s" />
      </img>  
      
    </seq>
    
  </body>
</smil>


