<container>

  <fx:imagefadeeffect id="MyFader"
					  width="{screen.width}" height="{screen.height}" 
					  src1="screen.srcA"
					  src2="screen.srcB"
					  fadelevel="0"
					  fadewidth="0.9" />

  <rect id="loader_bg" width="100" height="100" x="{screen.width/2-50}" y="{screen.height/2-50}" fill="#ffffff" rx="5" ry="5" />
  <k:image id="loader" width="64" height="64" x="{screen.width/2-32}" y="{screen.height/2-32}" nbrFrames="12" curFrame="0" src="themeloader.png"/>

  <action on="DoStartTransition" >
	<animate targetNode="loader_bg" targetAttr="opacity" from="0" to="0.8" dur="300ms"/>
	<animate targetNode="loader" targetAttr="curFrame" from="0" to="11" begin="0.1s" dur="0.6s" repeatCount="*"/>
	<animate targetNode="loader" targetAttr="opacity" from="0" to="0.8" dur="300ms" />
  </action>

  <action on="DoTransition" onEnd="FinishedTransition">
	<animate targetNode="loader_bg" targetAttr="opacity" to="0" dur="300ms"/>
	<animate targetNode="loader" targetAttr="opacity" to="0" dur="200ms" />
	<animate targetNode="MyFader" targetAttr="fadelevel" to="1" dur="300ms" />
  </action>

</container>