<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    xmlns:mccune="com.dougmccune.controls.*" viewSourceURL="http://www.dougmccune.com/flex/slider_example/srcview/index.html">
    
    <mx:VBox>
    
            <mx:Panel title="Vertical" layout="absolute"  height="271" width="263">
        
                <mx:HBox width="100%">
                    <mx:VBox width="100%" horizontalAlign="center">
                        <mx:Label text="Without Thumb Skin:" />
                        <mccune:VSlider 
                            trackHighlightSkin="com.dougmccune.skins.SliderHighlightSkin"
                            allowTrackClick="true" allowThumbOverlap="true" 
                            liveDragging="true" 
                            showDataTip="true"  dataTipPlacement="left"  
                            showTrackHighlight="true"
                            thumbCount="2"  height="200" 
                            values="[-2000, 4000]"
                            minimum="-9000" maximum="9000" snapInterval="1"
                        />
                    </mx:VBox>
                    <mx:VBox width="100%" horizontalAlign="center">
                        <mx:Label text="With Thumb Skin:" />
            
            
                        <mccune:VSlider  
                            trackHighlightSkin="com.dougmccune.skins.SliderThumbHighlightSkin"
                            allowTrackClick="true" allowThumbOverlap="true" 
                            liveDragging="true" 
                            showDataTip="true"  dataTipPlacement="right"  
                            showTrackHighlight="true"
                            thumbCount="2"  height="200" 
                            values="[-2000, 4000]"
                            minimum="-9000" maximum="9000" snapInterval="1"
                        />
                    </mx:VBox>
                </mx:HBox>
                    
            </mx:Panel>
            
            
            <mx:Panel title="Horizontal" layout="absolute" height="155" width="263">
            
                <mx:VBox>
                    <mx:VBox>
                        <mx:Label text="Without Thumb Skin:" />
                        <mccune:HSlider  
                            trackHighlightSkin="com.dougmccune.skins.SliderHighlightSkin"
                            allowTrackClick="true" allowThumbOverlap="true" 
                            liveDragging="true" 
                            showDataTip="true"  dataTipPlacement="top"  dataTipOffset="3" 
                            showTrackHighlight="true"
                            thumbCount="2"  width="200" 
                            values="[-2000, 4000]"
                            minimum="-9000" maximum="9000" snapInterval="1"
                        />
                    </mx:VBox>
                    <mx:VBox>
                        <mx:Label text="With Thumb Skin:" />
            
            
                        <mccune:HSlider  
                            trackHighlightSkin="com.dougmccune.skins.SliderThumbHighlightSkin"
                            allowTrackClick="true" allowThumbOverlap="true" 
                            liveDragging="true" 
                            showDataTip="true"  dataTipPlacement="bottom"   dataTipOffset="3"
                            showTrackHighlight="true"
                            thumbCount="2"  width="200" 
                            values="[-2000, 4000]"
                            minimum="-9000" maximum="9000" snapInterval="1"
                        />
                    </mx:VBox>
                </mx:VBox>
                    
            </mx:Panel>
            
    </mx:VBox>
    
    
    
</mx:Application>