<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:degrafa="http://www.degrafa.com/2007" xmlns:text="flash.text.*" viewSourceURL="srcview/index.html">

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

    <!-- Fills -->




    <mx:Form horizontalCenter="0" verticalCenter="0">
        <mx:FormItem label="Max Scroll Position">
            <mx:HSlider minimum="0" maximum="1000" id="mxScPos"/>
        </mx:FormItem>
        <mx:FormItem label="Page Size">
            <mx:HSlider minimum="0" maximum="1000" id="pgSz" value="100" change="sb1.invalidateDisplayList();sb2.invalidateDisplayList()"/>
        </mx:FormItem>
    </mx:Form>

    <mx:VScrollBar horizontalCenter="200" height="300" verticalCenter="0" pageSize="{pgSz.value}" minScrollPosition="0"
                   maxScrollPosition="{mxScPos.value}" id="sb1"/>

    <mx:VScrollBar horizontalCenter="-200" height="300" verticalCenter="0" pageSize="{pgSz.value}" minScrollPosition="0"
                   maxScrollPosition="{mxScPos.value}" id="sb2" styleName="customScroll"/>

    <mx:HScrollBar horizontalCenter="0" verticalCenter="158" width="384" pageSize="{pgSz.value}" minScrollPosition="0"
                   maxScrollPosition="{mxScPos.value}" id="sb3" styleName="customScroll"/>

    <mx:HScrollBar horizontalCenter="0" verticalCenter="-158" width="384" pageSize="{pgSz.value}" minScrollPosition="0"
                   maxScrollPosition="{mxScPos.value}" id="sb4"/>

</mx:Application>