<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    backgroundColor="#FFFFFF"
    backgroundAlpha="0"
    horizontalAlign="left"
    verticalGap="15" horizontalGap="15">

    <mx:Panel>

        <mx:ViewStack id="vs"
            x="30" y="32"
            width="452" height="339"
            selectedIndex="0">

            <mx:Canvas backgroundColor="#FFFFCC">
                <mx:Text text="This is Area 1"
                    fontWeight="bold"
                    paddingTop="10" paddingLeft="10" />
            </mx:Canvas>

            <mx:Canvas backgroundColor="#D7D7D7">
                <mx:Text text="This is Area 2"
                    fontWeight="bold"
                    paddingTop="10" paddingLeft="10" />
            </mx:Canvas>

            <mx:Canvas backgroundColor="#CCCCFF">
                <mx:Text text="This is Area 3" fontWeight="bold" paddingTop="10" paddingLeft="10" />
            </mx:Canvas>

        </mx:ViewStack>

    </mx:Panel>

    <mx:HBox>
        <mx:Button label="Area 1"
            click="vs.selectedIndex=0" />
        <mx:Button label="Area 2"
            click="vs.selectedIndex=1" />
        <mx:Button label="Area 3"
            click="vs.selectedIndex=2" />
    </mx:HBox>

</mx:Application>
