<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
  xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
  xmlns:local="*" backgroundGradientAlphas="[1.0, 1.0]" 
  width="400" height="100"
  backgroundGradientColors="[#cccccc, #222222]"  viewSourceURL="flex/components/ArrowSelector/index.html">
  
      <mx:Style>
          .bStyle
          {
              borderStyle: solid;
              borderThickness: 0;
            up-skin: ClassReference("NoSkin");
              over-skin: ClassReference("NoSkin");
              down-skin: ClassReference("NoSkin");
              border-skin: ClassReference("NoSkin");
          }
    </mx:Style>
    
    <mx:Script>
      <![CDATA[
        
        [Embed('assets/icons.swf', symbol='chart')]
        [Bindable] private static var CHART:Class;   
    
        [Embed('assets/icons.swf', symbol='columnchart')]
        [Bindable] private static var COLUMN:Class; 
        
        [Embed('assets/icons.swf', symbol='barchart')]
        [Bindable] private static var BAR:Class; 
        
        [Embed('assets/icons.swf', symbol='linechart')]
        [Bindable] private static var LINE:Class; 
        
        [Embed('assets/icons.swf', symbol='piechart')]
        [Bindable] private static var PIE:Class;          
      ]]>
    </mx:Script>
    
  <local:ArrowSelector buttonWidth="30" buttonHeight="22" horizontalCenter="0" verticalCenter="0" cornerRadius="5"
      borderThickness="1" borderStyle="normal" paddingBottom="20" paddingLeft="20" paddingRight="20" paddingTop="20">
      <mx:Button icon="{CHART}" styleName="bStyle" />
      <mx:Button icon="{COLUMN}" styleName="bStyle"/>
      <mx:Button icon="{BAR}" styleName="bStyle"/>
      <mx:Button icon="{LINE}" styleName="bStyle"/>
      <mx:Button icon="{PIE}" styleName="bStyle"/>      
  </local:ArrowSelector>

</mx:Application>