Flex Transitions

I need transitions created in flex. I have the following code and can't seem to get it to work: <?xml version="1.0" encoding="utf-8"?> <mx:Canvas xmlns:fx="[login to view URL]" xmlns:s="library://[login to view URL]" xmlns:mx="library://[login to view URL]" width="400" height="300"> <fx:Script> <![CDATA[ import [login to view URL]; import fl.transitions.*; import fl.transitions.easing.*; import [login to view URL]; import [login to view URL]; import [login to view URL]; private var popup:Popup=[login to view URL](FlexGlobals.topLevelApplication.Design_Screen.numChildren-1) as Popup; private var im = popup.Edit_Image; public function blinds() { currentState = (currentState == 'state1') ? 'state2':'state1' } ]]> </fx:Script> <fx:Declarations> <s:CrossFade id="crossfader" targets="{[im]}"/> <s:Wipe id="wiper" targets="{[im]}"/> </fx:Declarations> <mx:states> <s:State name="state1"/> <s:State name="state2"/> </mx:states> <mx:transitions> <s:Transition id="transition" effect="{crossfader}"/> </mx:transitions> <s:VGroup width="202" height="260" styleName="label" gap="18" horizontalAlign="left" paddingLeft="25"> <s:Label left="10" top="20" text="Text Effects" styleName="Title" fontSize="18" paddingTop="20"/> <s:VGroup> <s:Button label="Blinds" styleName="label" skinClass="{[login to view URL]}" click="blinds()"/> <s:Button label="Fade" styleName="label" skinClass="{[login to view URL]}" /> <s:Button label="Fly" styleName="label" skinClass="{[login to view URL]}" /> <s:Button label="Iris" styleName="label" skinClass="{[login to view URL]}" /> <s:Button label="Photo" styleName="label" skinClass="{[login to view URL]}" /> <s:Button label="Disolve" styleName="label" skinClass="{[login to view URL]}" /> <s:Button label="Rotate" styleName="label" skinClass="{[login to view URL]}" /> <s:Button label="Squeeze" styleName="label" skinClass="{[login to view URL]}" /> <s:Button label="Wipe" styleName="label" skinClass="{[login to view URL]}" /> <s:Button label="Zoom" styleName="label" skinClass="{[login to view URL]}" /> </s:VGroup> </s:VGroup> </mx:Canvas>