incubator-flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From cframp...@apache.org
Subject svn commit: r1350373 [22/23] - in /incubator/flex/trunk/samples/themes: ./ arcade/ arcade/src/ arcade/src/arcade/ arcade/src/arcade/skins/ arcade/src/arcade/skins/mediaClasses/ arcade/src/arcade/skins/mediaClasses/fullScreen/ arcade/src/arcade/skins/me...
Date Thu, 14 Jun 2012 18:53:56 GMT
Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/VideoPlayerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/VideoPlayerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/VideoPlayerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/VideoPlayerSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the Spark VideoPlayer component.  
+        
+      @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"
+    alpha.disabledStates="0.5" chromeColor.fullScreenStates="0xCCCCCC">
+    <!-- A base color of 0xCCCCCC in the fullScreenStates means we ignore the chromeColor property 
+         all together as 0xCCCCCC is essentially just a no-op color transform -->
+
+    <!-- host component -->
+    <fx:Metadata>
+        [HostComponent("spark.components.VideoPlayer")]
+    </fx:Metadata>
+    
+    
+    <!-- states -->
+	<s:states>
+		<s:State name="uninitialized" stateGroups="uninitializedStates, normalStates" />
+		<s:State name="loading" stateGroups="loadingStates, normalStates" />
+		<s:State name="ready" stateGroups="readyStates, normalStates" />
+		<s:State name="playing" stateGroups="playingStates, normalStates" />
+		<s:State name="paused" stateGroups="pausedStates, normalStates" />
+		<s:State name="buffering" stateGroups="bufferingStates, normalStates" />
+		<s:State name="playbackError" stateGroups="playbackErrorStates, normalStates" />
+		<s:State name="disabled" stateGroups="disabledStates, normalStates"/>
+		<s:State name="uninitializedAndFullScreen" stateGroups="uninitializedStates, fullScreenStates" />
+		<s:State name="loadingAndFullScreen" stateGroups="loadingStates, fullScreenStates" />
+		<s:State name="readyAndFullScreen" stateGroups="readyStates, fullScreenStates" />
+		<s:State name="playingAndFullScreen" stateGroups="playingStates, fullScreenStates" />
+		<s:State name="pausedAndFullScreen" stateGroups="pausedStates, fullScreenStates" />
+		<s:State name="bufferingAndFullScreen" stateGroups="bufferingStates, fullScreenStates" />
+		<s:State name="playbackErrorAndFullScreen" stateGroups="playbackErrorStates, fullScreenStates" />
+		<s:State name="disabledAndFullScreen" stateGroups="disabledStates, fullScreenStates"/>
+	</s:states>
+    
+    <!-- drop shadow -->
+    <s:RectangularDropShadow id="shadow" blurX="17" blurY="17" alpha="0.32" distance="4" 
+                angle="90" color="#131313" left="0" top="0" right="0" bottom="0"
+				excludeFrom="fullScreenStates"/>
+    
+    <!-- video and player controls are clipped if they exceed the size of the 
+         component, but the drop shadow above is not clipped and sizes to the component -->
+    <s:Group clipAndEnableScrolling="true" left="0" top="0" right="0" bottom="0">
+    
+        <!-- There's a minimum size for the video and controls.  If we go below that
+             we are clipped. -->
+        <s:Group minWidth="263" minHeight="184" left="0" right="0" top="0" bottom="0">
+            
+            <!-- background when the videoElement doesn't fill its whole spot -->
+            <s:Rect bottom="1" left="1" right="1" top="1"
+					bottom.fullScreenStates="0" left.fullScreenStates="0" 
+					right.fullScreenStates="0" top.fullScreenStates="0">
+                <s:fill>
+                    <s:SolidColor color="0x585858" />
+                </s:fill>
+            </s:Rect>
+            
+            <!--- The subcomponent that loads the video but does not define the appearance of the VideoPlayer component. -->
+            <s:VideoDisplay id="videoDisplay" bottom="24" left="1" right="1" top="1" 
+					bottom.fullScreenStates="0" left.fullScreenStates="0" 
+					right.fullScreenStates="0" top.fullScreenStates="0" />
+            
+            <!-- video player controls -->
+            <s:Group left="0" right="0" height="24" bottom="0" bottom.fullScreenStates="150">
+                
+                <!-- actual controls with a maxWidth in non-fullScreen mode -->
+                <s:Group bottom="0" horizontalCenter="0" left="0" right="0" maxWidth.fullScreenStates="755" id="playerControls">
+                
+                    <!--- Defines the label and appearance of the Play/Pause button. -->
+                    <s:ToggleButton id="playPauseButton" left="0" bottom="0" 
+                            skinClass="zen.skins.mediaClasses.normal.PlayPauseButtonSkin" 
+                            skinClass.fullScreenStates="zen.skins.mediaClasses.fullScreen.PlayPauseButtonSkin"
+                            focusIn="event.target.depth=1" focusOut="event.target.depth=0" />
+                    
+                    <!-- scrubbar + the playHeadTime/totalTime labels -->
+                    <s:Group left="39" right="75" top="0" bottom="0">
+                          
+                        <!-- background for scrubbar + the playHeadTime/totalTime -->
+                        <s:Rect left="0" right="0" top="0" bottom="0">
+                            <s:fill>
+                                <s:LinearGradient rotation="90">
+                                    <s:GradientEntry color="0xD4D3B8" color.fullScreenStates="0xD4D3B8"/>
+                                    <s:GradientEntry color="0xB7B799" color.fullScreenStates="0xB7B799"/>
+                                </s:LinearGradient>
+                            </s:fill>
+                        </s:Rect>
+                        <!-- border for the scrubbar/time label controls -->
+                        <s:Rect left="-1" right="0" top="0" bottom="0">
+                            <s:stroke>
+                                <s:SolidColorStroke color="0x131313" color.fullScreenStates="0x222222" alpha.fullScreenStates="0.66"  />
+                            </s:stroke>
+                        </s:Rect>
+                        
+                        <!-- scrub bar + playHeadTime/totalTime in a HorizontalLayout -->
+                        <s:Group left="0" right="0" height="23" bottom="0">
+                            <s:layout>
+                                <s:HorizontalLayout verticalAlign="middle" gap="1" />
+                            </s:layout>
+                            
+                            <!-- spacer -->
+                            <s:Rect width="7" height="1" />
+                            
+                            <s:ScrubBar id="scrubBar" width="100%" liveDragging="true"
+                                skinClass="zen.skins.mediaClasses.normal.ScrubBarSkin"
+                                skinClass.fullScreenStates="zen.skins.mediaClasses.fullScreen.ScrubBarSkin" />
+                            
+                            <!-- spacer -->
+                            <s:Rect width="8" height="1" />
+                            
+							<s:Label id="currentTimeDisplay" color="0x4C2600" color.fullScreenStates="0x4C2600" />
+							
+							<s:Label id="timeDivider" text="/" color="0x4C2600" color.fullScreenStates="0x4C2600" />
+							
+							<s:Label id="durationDisplay" color="0x4C2600" color.fullScreenStates="0x4C2600" />
+                            
+                            <!-- spacer -->
+                            <s:Rect width="8" height="1" />
+                        </s:Group>
+                    
+                    </s:Group>
+                    
+                    <!--- Defines the appearance of the volume bar. -->
+                    <s:VolumeBar id="volumeBar" snapInterval=".01" stepSize=".01" liveDragging="true"
+                            right="37" bottom="0" 
+                            skinClass="zen.skins.mediaClasses.normal.VolumeBarSkin"
+                            skinClass.fullScreenStates="zen.skins.mediaClasses.fullScreen.VolumeBarSkin"
+                            focusIn="event.target.depth=1" focusOut="event.target.depth=0" />
+                    
+                    <!--- Defines the label and appearance of the Fullscreen button. -->
+                    <s:Button id="fullScreenButton" right="0" bottom="0" label="Fullscreen" 
+                            skinClass="zen.skins.mediaClasses.normal.FullScreenButtonSkin"
+                            skinClass.fullScreenStates="zen.skins.mediaClasses.fullScreen.FullScreenFullScreenButtonSkin"
+                            focusIn="event.target.depth=1" focusOut="event.target.depth=0" />
+                            
+                </s:Group>
+                
+            </s:Group>
+            
+            <!-- border -->
+            <s:Rect left="0" right="0" top="0" bottom="0" excludeFrom="fullScreenStates">
+                <s:stroke>
+                    <s:SolidColorStroke color="0x131313" />
+                </s:stroke>
+            </s:Rect>
+    
+        </s:Group>
+    </s:Group>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/VideoPlayerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/VideoPlayerSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/FullScreenFullScreenButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/FullScreenFullScreenButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/FullScreenFullScreenButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/FullScreenFullScreenButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,163 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the fullScreen button of a Spark VideoPlayer 
+      component while in the fullScreen state.  
+        
+      @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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5">
+
+    <!-- host component -->
+    <fx:Metadata>
+        [HostComponent("spark.components.Button")]
+    </fx:Metadata>
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled"/>
+    </s:states>
+        
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_upSkin')"	
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_overSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_downSkin')"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_disabledSkin')"
+			  
+			  />
+    
+    <!-- layer 3: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+    <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+        <s:stroke>
+            <s:SolidColorStroke color="0x222222" alpha="0" />
+        </s:stroke>
+    </s:Rect>
+    
+	<!-- full screen symbol -->
+	<s:Group horizontalCenter="0" verticalCenter="-1" id="fullScreenSymbol">
+		<!-- size of area so left, right, bottom, top work well -->
+		<s:Rect left="0" top="0" width="26" height="17">
+			<s:stroke>
+				<s:SolidColorStroke alpha="0" />
+			</s:stroke>
+		</s:Rect>
+		
+		<!-- background for big rectangle -->
+		<s:Rect left="5" top="3" right="5" bottom="3">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha="1"/>
+			</s:fill>
+		</s:Rect>
+		
+		
+		<!-- inside rect1 -->
+		<s:Rect left="6" top="4" right="6" bottom="4">
+			<s:fill>
+				<s:SolidColor color="0x000000" alpha=".5"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- inside rect2 -->
+		<s:Rect left="7" top="5" right="7" bottom="5">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha=".6"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- top-left -->
+		
+		<!-- symbol -->
+		<s:Rect left="0" top="2" width="3" height="1">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha="1"/>
+			</s:fill>
+		</s:Rect>
+		<s:Rect left="2" top="0" width="1" height="2">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha="1"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- top-right -->
+		
+		<!-- <s:Rect right="2" top="1" width="1" height="2">
+		<s:fill>
+		<s:SolidColor color="0x000000" alpha=".75"/>
+		</s:fill>
+		</s:Rect> -->
+		<!-- symbol -->
+		<s:Rect right="0" top="2" width="3" height="1">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha="1"/>
+			</s:fill>
+		</s:Rect>
+		<s:Rect right="2" top="0" width="1" height="2">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha="1"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- bottom-left -->
+		
+		<!-- symbol -->
+		<s:Rect left="0" bottom="3" width="3" height="1">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha="1"/>
+			</s:fill>
+		</s:Rect>
+		<s:Rect left="2" bottom="1" width="1" height="2">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha="1"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- bottom-right -->
+		
+		<!-- symbol -->
+		<s:Rect right="0" bottom="3" width="3" height="1">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha=".75"/>
+			</s:fill>
+		</s:Rect>
+		<s:Rect right="2" bottom="1" width="1" height="2">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha=".75"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- bar down below -->
+		<s:Rect left="10" bottom="1" right="10" height="1">
+			<s:fill>
+				<s:SolidColor color="0x4c2600" alpha=".75"/>
+			</s:fill>
+		</s:Rect>
+		
+	</s:Group>
+    
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/FullScreenFullScreenButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/FullScreenFullScreenButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,218 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the mute button of a Spark VideoPlayer component.  
+
+@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"  xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" creationComplete="init()"
+			 alpha.disabled="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		[HostComponent("spark.components.mediaClasses.MuteButton")]
+	</fx:Metadata>
+	
+	<fx:Script fb:purpose="styling">
+		<![CDATA[
+			/* Define the skin elements that should not be colorized. */
+			static private const exclusions:Array = ["volumeSymbol"];
+			
+			/**
+			 * @private
+			 */
+			override public function get colorizeExclusions():Array {return exclusions;}
+			
+			/* Define the symbol fill items that should be colored by the "symbolColor" style. */
+			static private const symbols:Array = ["trapezoid1", "trapezoid2", "bar1_1", "bar1_2", 
+				"bar1_3", "bar2_1", "bar2_2", "bar2_3", "bar3_1", 
+				"bar3_2", "bar3_3", "bar4_1", "bar4_2", "bar4_3"];
+			
+			/**
+			 * @private
+			 */
+			override public function get symbolItems():Array {return symbols};
+			
+			/**
+			 * @private
+			 */
+			override protected function initializationComplete():void
+			{
+				useChromeColor = true;
+				super.initializationComplete();
+			}
+		]]>
+	</fx:Script>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.events.FlexEvent;
+			import spark.components.mediaClasses.VolumeBar;
+			
+			private function init():void
+			{
+				// this is essentially just binding code.  Anytime the volume changes, 
+				// let us know.
+				volume = hostComponent.volume;
+				hostComponent.addEventListener(FlexEvent.VALUE_COMMIT, valueCommitHandler);
+				hostComponent.addEventListener(FlexEvent.MUTED_CHANGE, valueCommitHandler);
+			}
+			
+			private function valueCommitHandler(event:Event):void
+			{
+				volume = hostComponent.volume;
+			}
+			
+			private var _volume:Number = 1;
+			
+			public function get volume():Number
+			{
+				return _volume;
+			}
+			
+			public function set volume(value:Number):void
+			{
+				if (value == _volume)
+					return;
+				
+				_volume = value;
+				
+				var bar1:Array = [bar1_1, bar1_2, bar1_3]; // 0-.25
+				var bar2:Array = [bar2_1, bar2_2, bar2_3]; // .25-.5
+				var bar3:Array = [bar3_1, bar3_2, bar3_3]; // .5-.75
+				var bar4:Array = [bar4_1, bar4_2, bar4_3]; // .75-.1
+				var bars:Array = [bar1, bar2, bar3, bar4];
+				
+				var curValue:Number = 0;
+				for (var i:int = 0; i < bars.length; i++)
+				{
+					if (value <= curValue)
+						setAlphaTo(bars[i], 0);
+					else if (value >= (curValue + 0.25))
+						setAlphaTo(bars[i], 1);
+					else
+						setAlphaTo(bars[i], (value-curValue)*4);
+					
+					curValue += 0.25;
+				}
+			}
+			
+			private function setAlphaTo(bar:Array, alpha:Number):void
+			{
+				for (var i:int = 0; i < bar.length; i++)
+				{
+					bar[i].alpha = alpha;
+				}
+			}
+		]]>
+	</fx:Script>
+	
+	
+	<!-- states -->
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over"/>
+		<s:State name="down" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_upSkin')"	
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_overSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_downSkin')"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_disabledSkin')"
+			  />
+	
+	<!-- layer 5: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+	<s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+		<s:stroke>
+			<s:SolidColorStroke color="0x131313" alpha="0" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- volume symbol -->
+	<s:Group horizontalCenter="0" verticalCenter="0" id="volumeSymbol">
+		
+		<!-- big trapezoid in center -->
+		<s:Path winding="evenOdd" data="M 9 13 L 9 0 L 4 4 L 4 9 L 9 13 Z">
+			<s:fill>
+				<s:SolidColor color="0x212121" alpha=".85" id="trapezoid1"/>
+			</s:fill>
+		</s:Path>
+		
+		<!-- small trapezoid on left -->
+		<s:Path winding="evenOdd" data="M 3 9 L 3 4 L 0 5 L 0 8 L 3 9 Z">
+			<s:fill>
+				<s:SolidColor color="0x212121" alpha=".75" id="trapezoid2"/>
+			</s:fill>
+		</s:Path>
+		
+		<!-- volume bars -->
+		
+		<!-- big volume bar representing volume values [.75, 1] -->
+		<s:Line yFrom="0" yTo="12" x="16">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90">
+					<s:GradientEntry color="0x272727" ratio=".1" id="bar4_1" />
+					<s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar4_2" />
+					<s:GradientEntry color="0x484848" ratio=".3" id="bar4_3" />
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Line>
+		
+		<!-- middle volume bar representing volume values [.5, .75] -->
+		<s:Line yFrom="2" yTo="10" x="14" id="bar3">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90">
+					<s:GradientEntry color="0x272727" ratio=".1" id="bar3_1" />
+					<s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar3_2" />
+					<s:GradientEntry color="0x484848" ratio=".3" id="bar3_3" />
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Line>
+		
+		<!-- middle volume bar representing volume values [.25, .5] -->
+		<s:Line yFrom="3" yTo="9" x="12" id="bar2">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90">
+					<s:GradientEntry color="0x272727" ratio=".1" id="bar2_1" />
+					<s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar2_2" />
+					<s:GradientEntry color="0x484848" ratio=".3" id="bar2_3" />
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Line>
+		
+		<!-- small volume bar representing volume values [0, .25] -->
+		<s:Line yFrom="5" yTo="7" x="10">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90">
+					<s:GradientEntry color="0x272727" ratio=".1" id="bar1_1" />
+					<s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar1_2" />
+					<s:GradientEntry color="0x484848" ratio=".3" id="bar1_3" />
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Line>
+	</s:Group>
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:Skin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark" 
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	alpha.disabledStates="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		[HostComponent("spark.components.ToggleButton")]
+	</fx:Metadata>
+	
+	
+	
+	<!-- states -->
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" stateGroups="overStates" />
+		<s:State name="down" stateGroups="downStates" />
+		<s:State name="disabled" stateGroups="disabledStates" />
+		<s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+		<s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+		<s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+		<s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+	</s:states>
+	
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_upSkin')"	
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_overSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_downSkin')"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_disabledSkin')"
+			  source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_selectedUpSkin')"
+			  source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_selectedOverSkin')"
+			  source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_selectedDownSkin')"
+			  source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_selectedDisabledSkin')"
+			  />
+	
+	
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,145 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the scrub bar of a Spark VideoPlayer component.  
+
+@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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minHeight="14" minWidth="60"
+			 alpha.disabled="0.5">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.mediaClasses.ScrubBar")]
+	</fx:Metadata>  
+	
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<fx:Declarations>
+		<fx:Component id="dataTip">     
+			<s:DataRenderer minHeight="24" y="-34" minWidth="24">
+				
+				<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+						  source= "@Embed(source='/assets/flex_skins.swf', symbol='ToolTip_borderSkin')"/>
+				
+				<s:Label id="labelDisplay" text="{data}"
+						 horizontalCenter="0" verticalCenter="1"
+						 left="5" right="5" top="5" bottom="5"
+						 textAlign="center" verticalAlign="middle"
+						 fontWeight="normal" color="0x4C2600" fontSize="11">
+				</s:Label>
+			</s:DataRenderer>
+		</fx:Component>
+	</fx:Declarations>
+	
+	<s:Button id="track" left="0" right="0" top="0" height="14"
+			  skinClass="zen.skins.mediaClasses.normal.ScrubBarTrackSkin" />
+	
+	<s:Group id="bufferedArea" left="0" top="0" height="14">
+		
+		<!-- inset 7 pixels because that's thumbSize/2 -->
+		<s:Group left="7" right="7" top="0" bottom="0" minWidth="0">
+			
+			<!-- fill -->
+			<s:Rect left="1" right="1" top="1" bottom="1">
+				<s:fill>
+					<!-- theme custom color -->
+					<s:SolidColor color="0x82826b" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- inner glow -->
+			<!-- set height to 100%, maxHeight=1, minHeight=0 b/c only want this line to show up 
+			if there's room for it -->
+			<s:Rect left="1" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
+				<s:fill>
+					<s:SolidColor color="0x000000" alpha="0.12" />
+				</s:fill>
+			</s:Rect>
+			<s:Rect left="2" right="1" top="1" height="100%" maxHeight="1" minHeight="0">
+				<s:fill>
+					<s:SolidColor color="0x000000" alpha="0.12" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- black line on right -->
+			<!-- set width to 100%, maxWidth=1, minWidth=0 b/c only want this line to show up 
+			if there's room for it -->
+			<s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
+				<s:fill>
+					<s:SolidColor color="0x000000" alpha=".5"/>
+				</s:fill>
+			</s:Rect>
+			
+		</s:Group>    
+	</s:Group>
+	
+	<s:Group id="playedArea" left="0" top="0" height="14">
+		
+		<!-- inset 7 pixels because that's thumbSize/2 -->
+		<s:Group left="7" right="7" top="0" bottom="0" minWidth="0">
+			
+			<!-- fill -->
+			<s:Rect left="1" right="1" top="1" bottom="1">
+				<s:fill>
+					<s:LinearGradient rotation="90">
+						<!-- theme custom color -->
+						<s:GradientEntry color="0xeceadf"/>
+						<s:GradientEntry color="0xcdccba"/>
+					</s:LinearGradient>
+				</s:fill>
+			</s:Rect>
+			
+			<!-- inner glow -->
+			<s:Rect left="1" right="1" top="1" bottom="1">
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90">
+						<!-- theme custom color -->
+						<s:GradientEntry color="0xeceadf"/>
+						<s:GradientEntry color="0xcdccba"/>
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- black line on right -->
+			<!-- set width to 100%, maxWidth=1, minWidth=0 b/c only want this line to show up 
+			if there's room for it -->
+			<s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
+				<s:fill>
+					<!-- theme custom color -->
+					<s:SolidColor color="0x4c2600"/>
+				</s:fill>
+			</s:Rect>
+			
+		</s:Group>  
+	</s:Group>
+	
+	<s:Button id="thumb" top="0" bottom="0" width="14" includeInLayout="false"
+			  skinClass="zen.skins.mediaClasses.normal.ScrubBarThumbSkin" />
+	
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the scrub bar thumb part of a Spark VideoPlayer 
+      component while in the fullScreen state.  
+        
+      @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">
+
+    <fx:Metadata>
+        [HostComponent("spark.components.Button")]
+    </fx:Metadata>
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <!-- black line on top -->
+    <s:Rect width="1" x="7" y="0" height="7">
+        <s:fill>
+            <s:SolidColor color="0x000000"/>
+        </s:fill>
+    </s:Rect>
+    
+    <!-- now the base shape of the component -->
+    <s:Group y="6">
+    
+        <!-- drop shadow for shape -->
+        <s:Line xFrom="4" xTo="11" y="10">
+            <s:stroke>
+                <s:SolidColorStroke color="0x000000" alpha="0.5" />
+            </s:stroke>
+        </s:Line>
+        <s:Line yFrom="4" yTo="11" x="3">
+            <s:stroke>
+                <s:SolidColorStroke color="0x000000" alpha="0.12" />
+            </s:stroke>
+        </s:Line>
+        <s:Line yFrom="4" yTo="11" x="11">
+            <s:stroke>
+                <s:SolidColorStroke color="0x000000" alpha="0.12" />
+            </s:stroke>
+        </s:Line>
+        
+        <!-- shape border -->
+        <s:Path winding="evenOdd" data="M 4 2 L 4 10 L 11 10 L 11 3 L 10 3 L 10 2 L 9 2 L 9 1 L 6 1 L 6 2 L 5 2 L 5 3 L 4 3 L 4 2 Z">
+            <s:fill>
+                <s:SolidColor color="0x000000"/>
+            </s:fill>
+        </s:Path>
+    
+        <!-- shape fill -->
+        <s:Path winding="evenOdd" data="M 5 4 L 5 9 L 10 9 L 10 4 L 9 4 L 9 3 L 8 3 L 8 2 L 8 1 L 8 2 L 7 2 L 7 3 L 6 3 L 6 4 L 5 4 Z">
+            <s:fill>
+                <s:LinearGradient rotation="90">
+                    <s:GradientEntry color="0xFFFFFF" />
+                    <s:GradientEntry color="0xE1E1E1" />
+                </s:LinearGradient>
+            </s:fill>
+            <s:fill.over>
+                <s:LinearGradient rotation="90">
+                    <s:GradientEntry color="0x676767" />
+                    <s:GradientEntry color="0x363636" />
+                </s:LinearGradient>
+            </s:fill.over>
+            <s:fill.down>
+                <s:LinearGradient rotation="90">
+                    <s:GradientEntry color="0x9A9A9A" />
+                    <s:GradientEntry color="0xAAAAAA" />
+                </s:LinearGradient>
+            </s:fill.down>
+        </s:Path>
+        
+        <!-- shape fill highlight -->
+        <s:Path winding="evenOdd" data="M 5 4 L 5 9 L 10 9 L 10 4 L 9 4 L 9 3 L 8 3 L 8 2 L 8 1 L 8 2 L 7 2 L 7 3 L 6 3 L 6 4 L 5 4 Z">
+            <s:fill>
+                <s:SolidColor color="0xFFFFFF" alpha="0.22"/>
+            </s:fill>
+        </s:Path>  
+    </s:Group>
+    
+    <!-- for sizing/hit-test only -->
+    <s:Rect width="13" height="19">
+        <s:fill>
+            <s:SolidColor color="0x000000" alpha="0" />
+        </s:fill>
+    </s:Rect>
+    
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the scrub bar track part of a Spark VideoPlayer 
+      component while in the fullScreen state.  
+        
+      @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">
+
+    <fx:Metadata>
+        [HostComponent("spark.components.Button")]
+    </fx:Metadata> 
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="down" />
+        <s:State name="over" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <!-- inset 7 and 6 pixels because that's thumbSize/2 -->
+    <s:Group left="7" right="6" top="0" bottom="0">
+    
+		<!-- fill -->
+		<s:Rect left="0" right="0" top="0" bottom="0">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<!-- adjust gradient colors for this theme -->
+					<s:GradientEntry color="0xd0d1ab"/>
+					<s:GradientEntry color="0x82826b"/>
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+    </s:Group>    
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<!--- The default skin class for the volume bar of a Spark VideoPlayer component.  
+
+@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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5"> 
+	
+	<!-- host component -->
+	<fx:Metadata>
+		[HostComponent("spark.components.mediaClasses.VolumeBar")]
+	</fx:Metadata>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="open" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<s:PopUpAnchor id="popup"  displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
+				   left="0" right="0" top="0" bottom="0" popUpPosition="above">
+		<s:Group id="dropDown" width="33" height="84" horizontalCenter="0">
+			
+			
+			
+			<!-- background for the popup -->
+			<s:Rect left="0" right="0" top="0" bottom="0">
+				<s:fill>
+					<s:LinearGradient rotation="90">
+						<!-- theme custom colors -->
+						<s:GradientEntry color="0xb5b597"/>
+						<s:GradientEntry color="0xd6d5ba"/>
+					</s:LinearGradient>
+				</s:fill>
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" />
+				</s:stroke>
+				<s:filters>
+					<s:DropShadowFilter blurX="4" blurY="4" color="0x000000" alpha=".25" angle="60"/>
+				</s:filters>
+			</s:Rect>
+			
+			<s:Button id="track" horizontalCenter="0" top="6" bottom="7"
+					  skinClass="zen.skins.mediaClasses.normal.VolumeBarTrackSkin" />
+			
+			<s:Button id="thumb" horizontalCenter="0" width="11" height="11" 
+					  skinClass="zen.skins.mediaClasses.normal.VolumeBarThumbSkin" />
+		</s:Group>
+	</s:PopUpAnchor>
+	<s:MuteButton id="muteButton" left="0" right="0" top="0" bottom="0" focusEnabled="false"
+				  skinClass="zen.skins.mediaClasses.normal.VolumeBarMuteButtonSkin" />
+	
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the volume bar thumb part of a Spark VideoPlayer component.  
+
+@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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Button")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" />
+		<s:State name="down" />
+		<s:State name="disabled" />
+	</s:states>
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false" rotation="0"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_disabledSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_downSkin')"
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_overSkin')"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_upSkin')"
+			  />
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the volume bar track part of a Spark VideoPlayer component.  
+
+@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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Button")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="up" />
+		<s:State name="down" />
+		<s:State name="over" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<!-- skin -->
+	<mx:Image top="0" left="0" bottom="0" right="0" maintainAspectRatio="false" rotation="90"
+			  source.up="@Embed(source='/assets/flex_skins.swf', symbol='SliderTrack_Skin')"
+			  source.over="@Embed(source='/assets/flex_skins.swf', symbol='SliderTrack_Skin')"
+			  source.down="@Embed(source='/assets/flex_skins.swf', symbol='SliderTrack_Skin')"
+			  source.disabled="@Embed(source='/assets/flex_skins.swf', symbol='SliderTrack_Skin')"
+			  />
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/fullScreen/VolumeBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/FullScreenButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/FullScreenButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/FullScreenButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/FullScreenButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,152 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the fullScreen button of a Spark VideoPlayer 
+      component while in the fullScreen state.  
+        
+      @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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5">
+
+
+    <!-- host component -->
+    <fx:Metadata>
+        [HostComponent("spark.components.Button")]
+    </fx:Metadata>
+	
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled"/>
+    </s:states>
+        
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_upSkin')"	
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_overSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_downSkin')"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_disabledSkin')"
+		
+			  />
+    
+    <!-- full screen symbol -->
+	<s:Group horizontalCenter="0" verticalCenter="0" id="fullScreenSymbol">
+		<!-- size of area so left, right, bottom, top work well -->
+		<s:Rect left="0" top="0" width="19" height="14">
+			<s:fill>
+				<s:SolidColor alpha="0" />
+			</s:fill>
+		</s:Rect>
+		
+		<!-- background for big rectangle -->
+		<s:Rect left="2" top="2" right="2" bottom="2">
+			<s:fill>
+				<s:SolidColor color="0x3F3F3F" id="fullScreenSymbolFill1"/>
+			</s:fill>
+		</s:Rect>
+		
+		
+		<!-- inside rect1 -->
+		<s:Rect left="3" top="3" right="3" bottom="3">
+			<s:fill>
+				<s:SolidColor color="0xD0D1AB" />
+			</s:fill>
+		</s:Rect>
+		
+		<!-- inside rect2 -->
+		<s:Rect left="4" top="4" right="4" bottom="4">
+			<s:fill>
+				<s:SolidColor color="0x444444" id="fullScreenSymbolFill2"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- inside rect3 -->
+		<s:Rect left="5" top="5" right="5" bottom="5">
+			<s:fill>
+				<s:SolidColor color="0x646464" id="fullScreenSymbolFill3"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- top-left -->
+		
+		<!-- symbol -->
+		<s:Rect left="0" top="0" width="3" height="1">
+			<s:fill>
+				<s:SolidColor color="0x363636" id="fullScreenSymbolTopLeftFill1"/>
+			</s:fill>
+		</s:Rect>
+		<s:Rect left="0" top="1" width="1" height="2">
+			<s:fill>
+				<s:SolidColor color="0x363636" id="fullScreenSymbolTopLeftFill2"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- top-right -->
+		
+		<!-- symbol -->
+		<s:Rect right="0" top="0" width="3" height="1">
+			<s:fill>
+				<s:SolidColor color="0x363636" id="fullScreenSymbolTopRightFill1"/>
+			</s:fill>
+		</s:Rect>
+		<s:Rect right="0" top="1" width="1" height="2">
+			<s:fill>
+				<s:SolidColor color="0x363636" id="fullScreenSymbolTopRightFill2"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- bottom-left -->
+		
+		<!-- symbol -->
+		<s:Rect left="0" bottom="0" width="3" height="1">
+			<s:fill>
+				<s:SolidColor color="0x363636" id="fullScreenSymbolBottomLeftFill1"/>
+			</s:fill>
+		</s:Rect>
+		<s:Rect left="0" bottom="1" width="1" height="2">
+			<s:fill>
+				<s:SolidColor color="0x363636" id="fullScreenSymbolBottomLeftFill2"/>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- bottom-right -->
+		
+		<!-- symbol -->
+		<s:Rect right="0" bottom="0" width="3" height="1">
+			<s:fill>
+				<s:SolidColor color="0x363636" id="fullScreenSymbolBottomRightFill1"/>
+			</s:fill>
+		</s:Rect>
+		<s:Rect right="0" bottom="1" width="1" height="2">
+			<s:fill>
+				<s:SolidColor color="0x363636" id="fullScreenSymbolBottomRightFill2"/>
+			</s:fill>
+		</s:Rect>
+	</s:Group>
+    
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/FullScreenButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/FullScreenButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/PlayPauseButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/PlayPauseButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/PlayPauseButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/PlayPauseButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:Skin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark" 
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+      alpha.disabledStates="0.5">
+
+    <!-- host component -->
+    <fx:Metadata>
+        [HostComponent("spark.components.ToggleButton")]
+    </fx:Metadata>
+    
+   
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+    </s:states>
+    
+    <!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_upSkin')"	
+		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_overSkin')"
+		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_downSkin')"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_disabledSkin')"
+    	source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_selectedUpSkin')"
+		source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_selectedOverSkin')"
+		source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_selectedDownSkin')"
+		source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerPlayPauseButton_selectedDisabledSkin')"
+		/>
+   
+
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/PlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/PlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,144 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the scrub bar of a Spark VideoPlayer component.  
+
+@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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minHeight="14" minWidth="60"
+			 alpha.disabled="0.5">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.mediaClasses.ScrubBar")]
+	</fx:Metadata>  
+    
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <fx:Declarations>
+        <fx:Component id="dataTip">     
+			<s:DataRenderer minHeight="24" y="-34">	
+				<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+						  source= "@Embed(source='/assets/flex_skins.swf', symbol='ToolTip_borderSkin')"/>
+			   
+			   <s:Label id="labelDisplay" text="{data}"
+						horizontalCenter="0" verticalCenter="1"
+						left="5" right="5" top="5" bottom="5"
+						textAlign="center" verticalAlign="middle"
+						fontWeight="normal" color="0x4C2600" fontSize="11">
+			   </s:Label>
+			</s:DataRenderer>
+       </fx:Component>
+    </fx:Declarations>
+    
+    <s:Button id="track" left="0" right="0" top="0" height="14"
+              skinClass="zen.skins.mediaClasses.normal.ScrubBarTrackSkin" />
+
+    <s:Group id="bufferedArea" left="0" top="0" height="14">
+    
+        <!-- inset 7 pixels because that's thumbSize/2 -->
+        <s:Group left="7" right="7" top="0" bottom="0" minWidth="0">
+        
+            <!-- fill -->
+            <s:Rect left="1" right="1" top="1" bottom="1">
+                <s:fill>
+                <!-- theme custom color -->
+                    <s:SolidColor color="0x82826b" />
+                </s:fill>
+            </s:Rect>
+            
+            <!-- inner glow -->
+            <!-- set height to 100%, maxHeight=1, minHeight=0 b/c only want this line to show up 
+                 if there's room for it -->
+            <s:Rect left="1" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
+                <s:fill>
+                    <s:SolidColor color="0x000000" alpha="0.12" />
+                </s:fill>
+            </s:Rect>
+            <s:Rect left="2" right="1" top="1" height="100%" maxHeight="1" minHeight="0">
+                <s:fill>
+                    <s:SolidColor color="0x000000" alpha="0.12" />
+                </s:fill>
+            </s:Rect>
+            
+            <!-- black line on right -->
+            <!-- set width to 100%, maxWidth=1, minWidth=0 b/c only want this line to show up 
+                 if there's room for it -->
+            <s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
+                <s:fill>
+                    <s:SolidColor color="0x000000" alpha=".5"/>
+                </s:fill>
+            </s:Rect>
+            
+        </s:Group>    
+    </s:Group>
+    
+    <s:Group id="playedArea" left="0" top="0" height="14">
+    
+        <!-- inset 7 pixels because that's thumbSize/2 -->
+        <s:Group left="7" right="7" top="0" bottom="0" minWidth="0">
+        
+            <!-- fill -->
+            <s:Rect left="1" right="1" top="1" bottom="1">
+                <s:fill>
+                    <s:LinearGradient rotation="90">
+                    <!-- theme custom color -->
+                        <s:GradientEntry color="0xeceadf"/>
+                        <s:GradientEntry color="0xcdccba"/>
+                    </s:LinearGradient>
+                </s:fill>
+            </s:Rect>
+            
+            <!-- inner glow -->
+            <s:Rect left="1" right="1" top="1" bottom="1">
+                <s:stroke>
+                    <s:LinearGradientStroke rotation="90">
+                    <!-- theme custom color -->
+                        <s:GradientEntry color="0xeceadf"/>
+                        <s:GradientEntry color="0xcdccba"/>
+                    </s:LinearGradientStroke>
+                </s:stroke>
+            </s:Rect>
+            
+            <!-- black line on right -->
+            <!-- set width to 100%, maxWidth=1, minWidth=0 b/c only want this line to show up 
+                 if there's room for it -->
+            <s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
+                <s:fill>
+                	<!-- theme custom color -->
+                    <s:SolidColor color="0x4c2600"/>
+                </s:fill>
+            </s:Rect>
+            
+        </s:Group>  
+    </s:Group>
+
+    <s:Button id="thumb" top="0" bottom="0" width="14" includeInLayout="false"
+              skinClass="zen.skins.mediaClasses.normal.ScrubBarThumbSkin" />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the scrub bar thumb part of a Spark VideoPlayer component.  
+
+@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" 
+			 xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Button")]
+	</fx:Metadata>
+	
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+        
+    <!-- black line/pointer on top of symbol -->    
+    <s:Line x="6" width="1" yFrom="0" yTo="5">
+        <s:stroke>
+            <s:SolidColorStroke color="0x000000"/>
+        </s:stroke>
+    </s:Line>
+  
+    <!-- now the base shape of the component -->
+    <s:Group y="5">
+	    <!-- skin -->
+		<mx:Image left="2" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			source.up= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerScrubBarThumb_upSkin')"	
+			source.over= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerScrubBarThumb_overSkin')"
+			source.down= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerScrubBarThumb_downSkin')"
+	    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerScrubBarThumb_disabledSkin')"
+			/>
+	    </s:Group>
+	    
+    <!-- for sizing/hit-test only -->
+    <s:Rect width="14" height="19">
+        <s:fill>
+            <s:SolidColor color="0x000000" alpha="0" />
+        </s:fill>
+    </s:Rect>
+    
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the scrub bar track part of a Spark VideoPlayer component.  
+
+@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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Button")]
+	</fx:Metadata> 
+	
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="down" />
+        <s:State name="over" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <!-- inset 7 pixels because that's thumbSize/2 -->
+    <s:Group left="7" right="7" top="0" bottom="0">
+    
+        <!-- fill -->
+        <s:Rect left="0" right="0" top="0" bottom="0">
+            <s:fill>
+                <s:LinearGradient rotation="90">
+                <!-- adjust gradient colors for this theme -->
+                    <s:GradientEntry color="0xd0d1ab"/>
+                    <s:GradientEntry color="0x82826b"/>
+                </s:LinearGradient>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- inset shadow -->
+        <s:Rect left="1" right="1" top="1" height="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha="0.12" />
+            </s:fill>
+        </s:Rect>
+        <s:Rect left="1" top="2" bottom="1" width="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha="0.12" />
+            </s:fill>
+        </s:Rect>
+        <s:Rect right="1" top="2" bottom="1" width="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha="0.12" />
+            </s:fill>
+        </s:Rect>
+        
+        <!-- border -->
+        <s:Rect left="0" right="0" top="0" bottom="0">
+            <s:stroke>
+                <s:SolidColorStroke color="0x686855" weight="1" />
+            </s:stroke>
+        </s:Rect> 
+        
+        <!-- outside highlight -->
+        <s:Rect left="-1" right="-1" top="-1" bottom="-1">
+            <s:stroke>
+                <s:LinearGradientStroke rotation="90">
+                    <s:GradientEntry color="0xFFFFFF" alpha="0.12"/>
+                    <s:GradientEntry color="0xFFFFFF" alpha="0.8"/>
+                </s:LinearGradientStroke>
+            </s:stroke>
+        </s:Rect>
+        
+    </s:Group>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/ScrubBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarMuteButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarMuteButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarMuteButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarMuteButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,188 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the mute button of a Spark VideoPlayer component.  
+
+@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"  xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" creationComplete="init()"
+			 alpha.disabled="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		[HostComponent("spark.components.mediaClasses.MuteButton")]
+	</fx:Metadata>
+	
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.events.FlexEvent;
+			import spark.components.mediaClasses.VolumeBar;
+			
+			private function init():void
+			{
+				// this is essentially just binding code.  Anytime the volume changes, 
+				// let us know.
+				volume = hostComponent.volume;
+				hostComponent.addEventListener(FlexEvent.VALUE_COMMIT, valueCommitHandler);
+				hostComponent.addEventListener(FlexEvent.MUTED_CHANGE, valueCommitHandler);
+			}
+			
+			private function valueCommitHandler(event:Event):void
+			{
+				volume = hostComponent.volume;
+			}
+			
+			private var _volume:Number = 1;
+			
+			public function get volume():Number
+			{
+				return _volume;
+			}
+			
+			public function set volume(value:Number):void
+			{
+				if (value == _volume)
+					return;
+				
+				_volume = value;
+				
+				var bar1:Array = [bar1_1, bar1_2, bar1_3]; // 0-.25
+				var bar2:Array = [bar2_1, bar2_2, bar2_3]; // .25-.5
+				var bar3:Array = [bar3_1, bar3_2, bar3_3]; // .5-.75
+				var bar4:Array = [bar4_1, bar4_2, bar4_3]; // .75-.1
+				var bars:Array = [bar1, bar2, bar3, bar4];
+				
+				var curValue:Number = 0;
+				for (var i:int = 0; i < bars.length; i++)
+				{
+					if (value <= curValue)
+						setAlphaTo(bars[i], 0);
+					else if (value >= (curValue + 0.25))
+						setAlphaTo(bars[i], 1);
+					else
+						setAlphaTo(bars[i], (value-curValue)*4);
+					
+					curValue += 0.25;
+				}
+			}
+			
+			private function setAlphaTo(bar:Array, alpha:Number):void
+			{
+				for (var i:int = 0; i < bar.length; i++)
+				{
+					bar[i].alpha = alpha;
+				}
+			}
+		]]>
+	</fx:Script>
+	
+	
+	<!-- states -->
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over"/>
+		<s:State name="down" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_upSkin')"	
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_overSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_downSkin')"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='VideoPlayerButton_disabledSkin')"
+			  />
+	
+	<!-- layer 5: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+	<s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+		<s:stroke>
+			<s:SolidColorStroke color="0x131313" alpha="0" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- volume symbol -->
+	<s:Group horizontalCenter="0" verticalCenter="0" id="volumeSymbol">
+		
+		<!-- big trapezoid in center -->
+		<s:Path winding="evenOdd" data="M 9 13 L 9 0 L 4 4 L 4 9 L 9 13 Z">
+			<s:fill>
+				<s:SolidColor color="0x212121" alpha=".85" id="trapezoid1"/>
+			</s:fill>
+		</s:Path>
+		
+		<!-- small trapezoid on left -->
+		<s:Path winding="evenOdd" data="M 3 9 L 3 4 L 0 5 L 0 8 L 3 9 Z">
+			<s:fill>
+				<s:SolidColor color="0x212121" alpha=".75" id="trapezoid2"/>
+			</s:fill>
+		</s:Path>
+		
+		<!-- volume bars -->
+		
+		<!-- big volume bar representing volume values [.75, 1] -->
+		<s:Line yFrom="0" yTo="12" x="16">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90">
+					<s:GradientEntry color="0x272727" ratio=".1" id="bar4_1" />
+					<s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar4_2" />
+					<s:GradientEntry color="0x484848" ratio=".3" id="bar4_3" />
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Line>
+		
+		<!-- middle volume bar representing volume values [.5, .75] -->
+		<s:Line yFrom="2" yTo="10" x="14" id="bar3">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90">
+					<s:GradientEntry color="0x272727" ratio=".1" id="bar3_1" />
+					<s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar3_2" />
+					<s:GradientEntry color="0x484848" ratio=".3" id="bar3_3" />
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Line>
+		
+		<!-- middle volume bar representing volume values [.25, .5] -->
+		<s:Line yFrom="3" yTo="9" x="12" id="bar2">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90">
+					<s:GradientEntry color="0x272727" ratio=".1" id="bar2_1" />
+					<s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar2_2" />
+					<s:GradientEntry color="0x484848" ratio=".3" id="bar2_3" />
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Line>
+		
+		<!-- small volume bar representing volume values [0, .25] -->
+		<s:Line yFrom="5" yTo="7" x="10">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90">
+					<s:GradientEntry color="0x272727" ratio=".1" id="bar1_1" />
+					<s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar1_2" />
+					<s:GradientEntry color="0x484848" ratio=".3" id="bar1_3" />
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Line>
+	</s:Group>
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarMuteButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarMuteButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<!--- The default skin class for the volume bar of a Spark VideoPlayer component.  
+
+@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" xmlns:mx="library://ns.adobe.com/flex/mx"
+			 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5"> 
+	
+	<!-- host component -->
+	<fx:Metadata>
+		[HostComponent("spark.components.mediaClasses.VolumeBar")]
+	</fx:Metadata>
+
+	<s:states>
+	    <s:State name="normal" />
+        <s:State name="open" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <s:PopUpAnchor id="popup"  displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
+        left="0" right="0" top="0" bottom="0" popUpPosition="above">
+        <s:Group id="dropDown" width="33" height="84" horizontalCenter="0">
+            
+            <!-- background for the popup -->
+            <s:Rect left="0" right="0" top="0" bottom="0">
+                <s:fill>
+                    <s:LinearGradient rotation="90">
+                    <!-- theme custom colors -->
+                        <s:GradientEntry color="0xb5b597"/>
+                        <s:GradientEntry color="0xd6d5ba"/>
+                    </s:LinearGradient>
+                </s:fill>
+                <s:stroke>
+                    <s:SolidColorStroke color="0x000000" />
+                </s:stroke>
+				<s:filters>
+					<s:DropShadowFilter blurX="4" blurY="4" color="0x000000" alpha=".25" angle="60"/>
+				</s:filters>
+            </s:Rect>
+            
+            <s:Button id="track" horizontalCenter="0" top="6" bottom="7"
+                      skinClass="zen.skins.mediaClasses.normal.VolumeBarTrackSkin" />
+            
+            <s:Button id="thumb" horizontalCenter="0" width="11" height="11" 
+                      skinClass="zen.skins.mediaClasses.normal.VolumeBarThumbSkin" />
+        </s:Group>
+    </s:PopUpAnchor>
+	<s:MuteButton id="muteButton" left="0" right="0" top="0" bottom="0" focusEnabled="false"
+				  skinClass="zen.skins.mediaClasses.normal.VolumeBarMuteButtonSkin" />
+    
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/zen/src/zen/skins/mediaClasses/normal/VolumeBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain



Mime
View raw message