Turning that Gumbo VSlider into a MixerSlider

<?xml version="1.0" encoding="utf-8"?>
<Skin xmlns="http://ns.adobe.com/mxml/2009"
	  height="100" width="15">
 
    <Metadata>
    	[HostComponent("flex.component.VSlider")]
    </Metadata> 
 
    <Button id="track" left="2" right="2" top="0" bottom="0" 
            skinZZ="com.hulstkamp.lab.gumbo.skins.buttons.OscSliderTrackSkin" />
    <Button id="thumb" horizontalCenter="0" width="21" height="15" top="-5" 
            skinZZ="com.hulstkamp.lab.gumbo.skins.buttons.OscSliderThumbSkin" />
</Skin>

<?xml version="1.0" encoding="utf-8"?>
<Skin xmlns="http://ns.adobe.com/mxml/2009">
    <Metadata>
    	[HostComponent("flex.component.Button")]
    </Metadata> 
 
    <states>
        <State name="up" />
        <State name="down" />
        <State name="over" />
        <State name="disabled" />
    </states>
    <!-- draw track path. this will be easier with thermo integration ;-) -->
    <Group top="0" right="0" bottom="0" left="0">
	    <Path top="8" right="0" bottom="8" left="0" 
	    	  data="M 0 0 	h 10 
	                M 0 50 	h 10 
	                M 0 100 h 10
	                M 5 0 	v 100
	                M 3 10 	h 5
	                M 3 20 	h 5
	                M 3 30 	h 5
	                M 3 40 	h 5
	                M 3 60 	h 5
	                M 3 70 	h 5
	                M 3 80 	h 5
	                M 3 90 	h 5
	                ">
	        <stroke>
	            <SolidColorStroke weight="1" color="#707070" alpha="1" />
	        </stroke>
	    </Path>
	</Group>
</Skin>

<?xml version="1.0" encoding="utf-8"?>
<Group xmlns="http://ns.adobe.com/mxml/2009">
<Script>
	/*... custom behaviour ...*/
</Script>
 
	<!--Here several GUI Elements are added to the Slider. To do this here is in fact
		bad practice since it breaks the clean separation between View and Model/Controller.
		A better approach would be to extend VSlider and add these elements as skin-parts.
		...but this is less work;-) -->
	<!-- Background of the component -->
	<Rect width="80" height="200" radiusX="10" radiusY="10">
		<fill>
			<LinearGradient rotation="90">
		       			<GradientEntry color="0x606060" alpha="1" ratio="0" /> 
		       			<GradientEntry color="0x303030" alpha="1" ratio="1" /> 
		      </LinearGradient>
		</fill>
	</Rect>
 
	<!-- led display -->
	<Rect width="50" height="20" top="35" horizontalCenter="0">
	<stroke>
		<SolidColorStroke weight="1" color="0xffffff" alpha="0.5"/>
	</stroke>
		<fill>
			<LinearGradient rotation="90">
		       			<GradientEntry color="0xa0e020" alpha="1" ratio="0" /> 
		       			<GradientEntry color="0x70bb00" alpha="1" ratio="1" /> 
		      </LinearGradient>
		</fill>
	</Rect>
 
	<!-- 
	TextBox for simple Text. If more advanced TextLayout is needed, 
	then TextGraphic or TextView have more options. Draws Slider Header 
	-->
	<TextBox id="sliderLabel" text="Slider Label" 
		color="{headerLabelColor}"  
		fontFamily="Verdana" 
		fontSize="10"
		textAlign="center" 
		horizontalCenter="0"
		top="15">
	</TextBox>
 
	<!-- Display for (transformed value) -->
	<TextBox id="sliderValue" text="value" 
		color="0x000000"  
		fontFamily="Verdana" 
		fontSize="9"
		textAlign="center" 
		horizontalCenter="0"
		top="42">
	</TextBox>
 
	<!-- Group with the Slider -->
	<Group id="sliderComposition" top="70" horizontalCenter="0" height="120">
		<TextBox id="upperRangeLabel" text="max Label" 
			color="0xffffff"  
			fontFamily="Verdana" 
			fontSize="10"
			textAlign="center" 
			horizontalCenter="0"
			top="0">
		</TextBox>
		<!-- use a VSlider with custom skin -->
		<VSlider id="oscSlider" value="500" horizontalCenter="0" verticalCenter="0"
			valueCommit="sliderValueChanged(event);"
			liveDragging="true"
			top="10"
			minimum="0" 
			maximum="1000" 
			width="15" height="100" stepSize="1"
			skinZZ="com.hulstkamp.lab.gumbo.skins.sliders.OscSliderSkin"
			>
		</VSlider>
 
		<TextBox id="lowerRangeLabel" text="min Label"
			color="0xffffff"  
			fontFamily="Verdana" 
			fontSize="10"
			textAlign="center" 
			horizontalCenter="0"
			bottom="0">
		</TextBox>
	</Group>
</Group>