<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" 
    xmlns:comps="comps.*" 
    backgroundColor="#FFFFFF" 
    backgroundGradientAlphas="1,1" viewSourceURL="srcview/index.html">
    <mx:Image 
        source="assets/grid.jpg" 
        x="20" y="20"/>
    <comps:BevelCanvas 
        x="50" y="60" 
        width="332" height="257" 
        borderStyle="solid" cornerRadius="8" 
        borderColor="#646363" backgroundColor="#3B3B3B">
        <comps:filters>
            <mx:GlowFilter color="0x666666" blurX="8" blurY="8" quality="3"/>
        </comps:filters>
        <comps:MenuList id="mList" width="200" height="245" 
            borderStyle="solid" cornerRadius="4" 
            borderColor="#FFFFFF" x="5" y="5" 
            borderThickness="2" paddingLeft="0" paddingRight="0"
            itemRenderer="ir.Renderer"
            itemClick="img.source='icons/'+mList.selectedItem.icon">
            <comps:dataProvider>
                <mx:ArrayCollection>
                    <mx:source>
                        <mx:Object label="Address Book" icon="Address-Book-32x32.png"/>
                        <mx:Object label="Burn" icon="Burn-32x32.png"/>
                        <mx:Object label="Finder" icon="Finder-32x32.png"/>
                        <mx:Object label="Globe" icon="Globe-32x32.png"/>
                        <mx:Object label="iMovie" icon="iMovie-32x32.png"/>
                        <mx:Object label="Music" icon="Music-32x32.png"/>
                    </mx:source>
                </mx:ArrayCollection>
            </comps:dataProvider>
        </comps:MenuList>
    </comps:BevelCanvas>
    <mx:Image id="img" x="201" y="325" source="icons/Address-Book-32x32.png"/>
</mx:Application>