[flexcoders] Help with AnimateProperty()

[Dave @ VitalPodcasts.com]

Hey Guys, hope you dont mind me leaning on this Board for learning...

I finaly found how to include modules, easy, and a step towards 
seperating code, so thanks all for that help.  Still want to include 
AS files, and other things, but baby steps...

So the question is, I have a basic 2 column design, and on button 
click I want to "nav" to slide away... here is my current code...

-------
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; 
layout="absolute" creationComplete="InitApp()">

        <mx:WebService id="wsItems" 
                                   
wsdl="http://localhost/com/test.cfc?wsdl";
                                   useProxy="false">
                                   <mx:operation name="GetItems">
                                <mx:request>
                                        <id>{3}</id>
                                        </mx:request>
                           </mx:operation>
        </mx:WebService>

        
        <mx:Parallel id="BlurMoveShow" target="">
            <mx:Blur id="numbersBlur" 
            blurYFrom="20.0" blurYTo="0.0" 
                blurXFrom="20.0" blurXTo="0.0"
                duration="1000"/>
    </mx:Parallel>
    
 
    <mx:Sequence id="animateWidth" target="navCanvas">
        <mx:AnimateProperty target="navCanvas" property="width" 
fromValue="1" toValue="0" duration="1000" />
    </mx:Sequence>

   
        <mx:Script>
                <![CDATA[
                        public function InitApp():void
                        {
                                wsItems.GetItems.send();
                        }
                ]]>
        </mx:Script>
        
        
        <mx:HDividedBox width="100%" height="100%">
                <mx:Canvas width="200" height="100%" id="navCanvas">
                        <mx:TabNavigator width="98%" height="98%" 
verticalCenter="0" x="5" id="mainNav">
                                <mx:Canvas label="Tab 1">
                                </mx:Canvas>
                                <mx:Canvas label="wd" width="100%" 
height="100%">
                                </mx:Canvas>
                        </mx:TabNavigator>
                        <mx:Button x="180" y="9" label="&lt;" 
width="20" height="12" fontSize="6" id="btnMin" click="AnimateProperty
(navCanvas);"/>
                </mx:Canvas>
                
                <mx:Canvas width="100%" height="100%">
                        <mx:Panel width="98%" height="98%" 
layout="absolute" verticalCenter="0">
                        </mx:Panel>
                </mx:Canvas>
                
                
        </mx:HDividedBox>
</mx:Application>
-------

Im getting an error when I click on the button, I can get the button 
to slide to nothing if I attache that to the mousedownevent.  Im 
still new on seeing how to get things going... 

Any help here?  I am very noob on the tags, so perhaps im using the 
wrong one?

Any help would be appreciated.