<?xml version="1.0"?>
<!-- Simple example to demonstrate the SlideDown effect compared to WipeDown effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:effects="com.iwobanas.effects.*"
    viewSourceURL="srcview/index.html">
        
    <mx:WipeDown id="wipe" duration="1000"/>
    
    <effects:SlideDown id="slide" duration="1000"/>

    <mx:Panel title="SlideDown vs. WipeDown" width="95%" height="95%" 
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5"
        layout="horizontal">
        <mx:VBox>
            <mx:Button id="slideButton" label="Test SlideDown" toggle="true" />
            <mx:Image source="@Embed(source='assets/Nokia_6630.png')" 
                visible="{slideButton.selected}"
                hideEffect="{slide}" showEffect="{slide}"/>
        </mx:VBox>
        <mx:VBox>
            <mx:Button id="wipeButton" label="Test WipeDown" toggle="true"  />
            <mx:Image source="@Embed(source='assets/Nokia_6630.png')" 
                visible="{wipeButton.selected}"
                hideEffect="{wipe}" showEffect="{wipe}"/>
        </mx:VBox>
    </mx:Panel>
</mx:Application>