<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:dp="net.digitalprimates.flex2.mx.controls.*" viewSourceURL="srcview/index.html">

    <mx:Style source="css/main.css"/>

    <!-- All images are used with permission of http://www.chicagopictures.net/ --> 
    <dp:Carousel id="carousel" width="100%" height="100%">
        <mx:Image id="ice" source="images/chicago_lakeice_005.jpg"/>
        <mx:Image id="angel" source="images/chicago_blueangels_01.jpg"/>
        <mx:Image id="lake" source="images/chicago_lakeshore_910.jpg"/>
        <mx:Image id="bean" source="images/Chicago_millenium_L014.jpg"/>
        <mx:Image id="buck" source="images/lakeshore_buckingham_2.jpg"/>
    </dp:Carousel>

    <mx:HBox>
        <mx:Label text="Set Selected Index" color="white" fontWeight="bold"/>
        <mx:NumericStepper id="ns" minimum="0" maximum="{carousel.numChildren-1}" change="carousel.selectedIndex=ns.value"/>
    </mx:HBox>
    <mx:Button label="Draw Debug Path" click="carousel.drawPath()"/>
</mx:Application>