<?xml version="1.0" encoding="utf-8"?>

<!--

    ADOBE SYSTEMS INCORPORATED
    Copyright 2008 Adobe Systems Incorporated
    All Rights Reserved.

    NOTICE: Adobe permits you to use, modify, and distribute this file
    in accordance with the terms of the license agreement accompanying it.
-->

<!--- The wireframe skin class for the scrub bar of a Spark VideoPlayer component.  

      @see spark.components.VideoPlayer
        
      @langversion 3.0
      @playerversion Flash 10
      @playerversion AIR 1.5
      @productversion Flex 4
-->
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
      minHeight="14" minWidth="60"
      alpha.disabled="0.5">

    <fx:Metadata>
        /** 
         * @copy spark.skins.spark.ApplicationSkin#hostComponent
         */
        [HostComponent("spark.components.mediaClasses.ScrubBar")]
    </fx:Metadata> 
    
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
    </s:states>
    
    <!--- The skin pat that defines the video timeline. The timeline shows the current playhead location  
          in the video, the amount of the video previously played, and the loaded in part of the video. -->
    <s:Button id="track" left="0" right="0" top="0" height="11"
              skinClass="spark.skins.wireframe.mediaClasses.ScrubBarTrackSkin" />

    <!--- @copy spark.components.mediaClasses.ScrubBar#loadedRangeArea -->
    <s:Group id="loadedRangeArea" x="0" y="0" height="11" includeInLayout="false">
    
        <!-- inset 7 and 6 pixels because that's thumbSize/2 -->
        <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
        
            <!-- fill -->
            <s:Rect left="1" right="1" top="1" bottom="1">
                <s:fill>
                    <s:SolidColor color="#C6C6C6" />
                </s:fill>
            </s:Rect>
            
        </s:Group>    
    </s:Group>
    
    <!--- @copy spark.components.mediaClasses.ScrubBar#playedArea -->
    <s:Group id="playedArea" x="0" y="0" height="11" includeInLayout="false">
    
        <!-- inset 7 and 6 pixels because that's thumbSize/2 -->
        <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
            
            <!-- fill -->
            <s:Rect left="1" right="1" top="1" bottom="1">
                <s:fill>
                    <s:SolidColor color="#EEEEEE" />
                </s:fill>
            </s:Rect>
            
        </s:Group>  
    </s:Group>

    <!--- A skin part that defines a button that can be dragged along the track to increase or decrease 
          the playhead location in the video.   -->
    <s:Button id="thumb" x="0" y="0" width="14" height="19" includeInLayout="false"
              skinClass="spark.skins.wireframe.mediaClasses.ScrubBarThumbSkin" />

</s:Skin>
