<container>

  <k:image id="B" src="screen.srcB" solidity="solid" x="{screen.width}" y="0" width="{screen.width}" height="{screen.height}" />
	<k:image id="A" src="screen.srcA" solidity="solid" x="0" y="0" width="{screen.width}" height="{screen.height}" />

  <action on="DoTransition" onEnd="FinishedTransition">

		<!-- Slide in/out to the left -->
		<animate targetNode="A" targetAttr="x" from="0" to="{-screen.width}" begin="0ms" dur="300ms" ease="inout" />
	  <animate targetNode="B" targetAttr="x" from="{screen.width}" to="0" begin="0ms" dur="300ms" ease="inout" />
	
	</action>

</container> 