<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx"
            implements="com.flexicious.controls.interfaces.ISpinner" width="200" height="75" horizontalScrollPolicy="off" verticalScrollPolicy="off" backgroundColor="0xCCCCCC"
            xmlns:customspinner="com.flexicious.example.view.support.customspinner.*" backgroundAlpha=".8">
    <fx:Script>
        <![CDATA[
            
            public override function get label():String
            {
                return lblMsg.text;
            }
            public override function set label(val:String):void
            {
                lblMsg.text=val;
            }
            public function startSpin():void
            {
                //start the animation here    
            }
            
            public function set startX(val:Number):void
            {
                x=val-(width/2);    
            }
            
            public function get startX():Number
            {
                return x;
            }
            
            public function set startY(val:Number):void
            {
                y=val;
            }
            
            public function get startY():Number
            {
                return y;
            }
            
            public function stopSpin():void
            {
                //stop the spin here    
            }
            
            public function get spinner():DisplayObject{
                return this.oSpinner;
            }
            
        ]]>
        </fx:Script>
    <mx:VBox id="bxMain" horizontalAlign="center" verticalAlign="middle" width="100%" height="100%">
        <customspinner:Spinner id="oSpinner" tickColor="#66aaff"/>
        <mx:Label id="lblMsg"/>
    </mx:VBox>
</mx:VBox>