<?xml version="1.0"?>
  <!-- Simple example to demonstrate the Effect class. -->
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  
      <mx:Script>
          <![CDATA[
  
              import mx.controls.Alert;
  
              // Event handler for the effectEnd event.            
              private function endEffectHandler():void {
                  Alert.show("Effect Ended!");
              }
  
              // Event handler for the reset button.            
              private function resetHandler():void {
                  expand.end(); 
                  img.width=30; 
                  img.height=60; 
                  button1.enabled=true;
              }
          ]]>
      </mx:Script>
  
      <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" 
          duration="10000" effectEnd="endEffectHandler();"/>
  
      <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
          paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
  
          <mx:Text width="100%" color="blue" 
              text="Use the Button controls to control the Resize effect."/>
  
          <mx:Image id="img" width="30" height="60"
              source="@Embed(source='explorer-effects-assets-Nokia_6630.png')"/>
       
          <mx:ControlBar>
              <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/>
              <mx:Button label="Pause" click="expand.pause();"/>
              <mx:Button label="Resume" click="expand.resume();"/>
              <mx:Button label="Reverse" click="expand.reverse();"/>
              <mx:Button label="End" click="expand.end();"/>
              <mx:Button label="Reset" click="resetHandler();"/>
          </mx:ControlBar>
          
      </mx:Panel>
  </mx:Application>