<container>
  <rect fill="#575757" />
  <image id="A" src="{screen.srcA}" width="{screen.width}" height="{screen.height}" solidity="solid" />
  <image id="B" src="{screen.srcB}" x="{-screen.width}" width="{screen.width}" height="{screen.height}" solidity="solid" />
  <container id="bottom_cont" x="0" y="{screen.height*0.9062}" width="{screen.width}" height="{screen.height*0.099}">
  <image id="bottom" src="{screen.srcB}" width="{screen.width}" height="{screen.height}" solidity="solid" x="0" y="{screen.height*(-0.90)}" />
  </container>
    <container id="bottom_cont_l" x="0" y="{screen.height*0.8662}" width="{screen.width}" height="{screen.height*0.14}">
  <image id="bottom_l" src="{screen.srcB}" width="{screen.width}" height="{screen.height}" solidity="solid" opacity="0" x="0" y="{screen.height*(-0.86)}" />
  </container>
  <container id="top_cont" x="0" y="0" width="{screen.width}" height="{screen.height*0.08}">
  <image id="top" src="{screen.srcB}" width="{screen.width}" height="{screen.height}" solidity="solid" x="0" y="0" />
  </container>
    <container id="top_cont_l" x="0" y="0" width="{screen.width}" height="{screen.height*0.135}">
  <image id="top_l" src="{screen.srcB}" width="{screen.width}" height="{screen.height}" solidity="solid" opacity="0" x="0" y="0" />
  </container>
  <action on="DoTransition" onEnd="FinishedTransition">  
    <animate targetNode="A" targetAttr="x" dur="200ms" from="0" to="{screen.width}" ease="in" />
    <animate targetNode="B" targetAttr="x" dur="200ms" from="{-screen.width}" to="0" ease="in" />
   </action>
  <action on="DoTransitionLandscape" onEnd="FinishedTransition">
    <animate targetNode="A" targetAttr="x" dur="200ms" from="0" to="{screen.width}" ease="in" />
    <animate targetNode="B" targetAttr="x" dur="200ms" from="{-screen.width}" to="0" ease="in" />
    <animate targetNode="bottom_l" targetAttr="opacity" to="1" dur="0ms" />
    <animate targetNode="top_l" targetAttr="opacity" to="1" dur="0ms" />
   </action>
</container>


