<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="*" viewSourceURL="srcview/index.html">
    <mx:VBox horizontalAlign="center" horizontalCenter="0" top="10">
        <mx:Label text="'Bounce' Marquee Demo" fontSize="16" fontWeight="bold"/>
        <ns1:BounceMarquee id="marquee" width="200" text="{theText.text}" scrollSpeed="{speed.value}" pauseDuration="{pause.value}" borderStyle="solid"/>
        <mx:Form>
            <mx:FormItem label="Scroll Speed:">
                <mx:HSlider id="speed" minimum="0" maximum="100" snapInterval="1" value="25" change="marquee.update()"/>
            </mx:FormItem>
            <mx:FormItem label="Pause Duration:">
                <mx:HSlider id="pause" minimum="0" maximum="10000" snapInterval="1000" value="2000" change="marquee.update()"/>
            </mx:FormItem>
            <mx:FormItem label="Marquee Text:">
                <mx:TextInput id="theText" text="MC Frontalot - Secrets from the Future" change="marquee.update()" width="200"/>
            </mx:FormItem>
        </mx:Form>
    </mx:VBox>
</mx:Application>