<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:formatters="com.dougmccune.muxmaster.formatters.*"
    verticalScrollPolicy="off" horizontalScrollPolicy="off">
    
    <mx:Script>
        <![CDATA[
            import com.dougmccune.muxmaster.api.MuxSong;
        ]]>
    </mx:Script>
    
    <formatters:TimeFormatter id="formatter"  includeZeros="false" />
    <formatters:TimeFormatter id="formatter2" includeZeros="true" />
    
    <mx:VBox width="100%" verticalGap="0">
        <mx:Text styleName="songTitle" width="100%" text="{data.artist} - {data.track}" selectable="false" />
        <mx:HBox>
            <mx:Label        styleName="songDuration"   text="{formatter2.format(data.length)}" />
        </mx:HBox>
    </mx:VBox>
    
    <mx:Label text="{formatter.format(data.position)}" visible="{data.position != 0}" styleName="{(data.playing ? 'playheadActive' : 'playheadInactive')}" />
</mx:HBox>