<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               xmlns:paginator="paginator.*"
               minWidth="450" minHeight="200" viewSourceURL="srcview/index.html">
    <s:BorderContainer backgroundColor="#5C5C5C" 
                       horizontalCenter="0" 
                       top="0" 
                       left="0"
                       right="0"
                       bottom="0">
        <paginator:Paginator itemsPerPage="10" 
                             totalItems="1000" 
                             selectedPage="2" 
                             pageToDisplay="5"
                             selectedPageChanged="onSelectedPageChanged(event)" 
                             top="20" 
                             horizontalCenter="0"/>
    </s:BorderContainer>
    <fx:Script>
        <![CDATA[
            import paginator.paginateEvents.PaginateEvent;
            private var _mySelectedPage:int;
            private function onSelectedPageChanged(event:PaginateEvent):void
            {
                _mySelectedPage = event.selectedPage;
            }
        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
</s:Application>