<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:jamesward="com.jamesward.*" styleName="plain" backgroundColor="#ffffff" layout="absolute" viewSourceURL="srcview/index.html">

  <mx:Label text="Right-click on a image to save it" horizontalCenter="0" top="10"/>

  <mx:AnimateProperty id="wave1" duration="1000" target="{img2}" property="rotationY" fromValue="10" toValue="-10" effectEnd="wave2.play()"/>
  <mx:AnimateProperty id="wave2" duration="1000" target="{img2}" property="rotationY" fromValue="-10" toValue="10" effectEnd="wave1.play()"/>

  <mx:AnimateProperty id="fadeOut" duration="1000" target="{img1}" property="alpha" fromValue="1" toValue="0.5" effectEnd="fadeIn.play()"/>
  <mx:AnimateProperty id="fadeIn" duration="1000" target="{img1}" property="alpha" fromValue="0.5" toValue="1" effectEnd="fadeOut.play()"/>

  <mx:Parallel id="zoomOut"  effectEnd="zoomIn.play()">
    <mx:AnimateProperty duration="1000" target="{img3}" property="scaleX" fromValue="1" toValue="0.5"/>
    <mx:AnimateProperty duration="1000" target="{img3}" property="scaleY" fromValue="1" toValue="0.5"/>
  </mx:Parallel>
  
  <mx:Parallel id="zoomIn"  effectEnd="zoomOut.play()">
    <mx:AnimateProperty duration="1000" target="{img3}" property="scaleX" fromValue="0.5" toValue="1"/>
    <mx:AnimateProperty duration="1000" target="{img3}" property="scaleY" fromValue="0.5" toValue="1"/>
  </mx:Parallel>
  
  <mx:Canvas width="100%" height="100%">
    
    <jamesward:SaveableImage id="img2" source="DSCN0334.JPG" rotationY="10" left="10" top="30" complete="wave1.play()"/>

    <jamesward:SaveableImage id="img3" source="DSCN0522.JPG" right="10" top="30" complete="zoomOut.play()"/>

    <jamesward:SaveableImage id="img1" source="DSCN0280.JPG" horizontalCenter="0" top="30" complete="fadeOut.play()"/>
  
  </mx:Canvas>

</mx:Application>