<container x="0" y="0" width="{screen.width}"  height="{screen.height}" >
  <rect id="blank" fill="#000000" x="0" y="0" width="{screen.width}" height="{screen.height}" rendering="speed"/>
  
  <svg:svg>   
   <svg:svg id="translateA1" width="-1" height="-1" >
       <svg:svg id="rotateA" width="-1" height="-1" >
         <svg:svg id="translateA2" width="-1" height="-1" >
            <svg:image id="svgimgA" xlink:href="{screen.srcA}" x="0" y="0" solidity="solid" width="{screen.width}" height="{screen.height}" />
         </svg:svg> 
       </svg:svg>
   </svg:svg>
  </svg:svg>
  
  <svg:svg>   
   <svg:svg id="translateB1" width="-1" height="-1" >
       <svg:svg id="rotateB" width="-1" height="-1" >
         <svg:svg id="translateB2" width="-1" height="-1" >
            <svg:image id="svgimgB" xlink:href="{screen.srcB}" x="0" y="0" solidity="solid" width="{screen.width}" opacity="0" height="{screen.height}" />
         </svg:svg> 
       </svg:svg>
   </svg:svg>
  </svg:svg>
  
<action id="myAction1" on="DoTransition" onEnd="FinishedTransition">

  <animateTransform targetNode="translateA1" targetAttr="transform" type="translate"  from="0,0" to="{screen.width/2, screen.height/2}" dur="0ms"/>
  <animateTransform targetNode="translateA2" targetAttr="transform" type="translate" from="0,0" to="{-(screen.width/2), -(screen.height/2)}" dur="0ms"/>
  <animateTransform targetNode="svgimgA" targetAttr="transform" type="scale" from="1.0" to="1.0" dur="0ms"/>
  
  <animateTransform targetNode="rotateA" targetAttr="transform" type="rotate" from="0" to="0" begin="0ms" dur="00ms" />
  <animate targetNode="svgimgA" targetAttr="opacity" from="1" to="0" begin="00ms" dur="0ms" ease="in"  />
  
  <animateTransform targetNode="translateB1" targetAttr="transform" type="translate"  from="0,0" to="{screen.width/2, screen.height/2}" />
  <animateTransform targetNode="translateB2" targetAttr="transform" type="translate" from="0,0" to="{-(screen.width/2), -(screen.height/2)}" />
  <animateTransform targetNode="svgimgB" targetAttr="transform" type="scale" from="1.0" to="1.0" />
  
  <animateTransform targetNode="rotateB" targetAttr="transform" type="rotate" from="-30" to="15" begin="0ms" dur="150ms" />
  <animate targetNode="svgimgB" targetAttr="opacity" from="0" to="1" begin="0ms" dur="0ms" ease="in"  />

   <animateTransform targetNode="translateB2" targetAttr="transform" type="translate" from="{-(screen.width/2), -(screen.height/2)}" to="{-(screen.width/2), -(screen.height/2)}" begin="150ms" dur="0ms"/>
   <animateTransform targetNode="svgimgB" targetAttr="transform" type="scale" from="1.0" to="1.0" begin="150ms" dur="0ms"/>
  
  <animateTransform targetNode="rotateB" targetAttr="transform" type="rotate" from="15" to="0" begin="150ms" dur="150ms" />
  <animate targetNode="svgimgB" targetAttr="opacity" from="0" to="1" begin="0ms" dur="0ms" ease="in"  />

   <animateTransform targetNode="translateB2" targetAttr="transform" type="translate" from="{-(screen.width/2), -(screen.height/2)}" to="{-(screen.width/2), -(screen.height/2)}" begin="300ms" dur="0ms"/>
   <animateTransform targetNode="svgimgB" targetAttr="transform" type="scale" from="1.0" to="1.0" begin="300ms" dur="0ms"/>
 </action>
</container>