Mercurial Mercurial > fingersdance / changeset
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | raw | zip | gz | bz2 | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
New positions for the player's button
authorriley
Wed, 23 Sep 2009 19:44:59 +0200
changeset 92 3a0b48be34bd
parent 91 0f29e2660bb7
child 93 ac20121c930b
New positions for the player's button
src/FingersDance.Control.Pivot/FingersDance.Control.Pivot.Ressource.xaml file | annotate | diff | comparison | revisions
src/FingersDance.Control.Pivot/UserControlPivot.xaml file | annotate | diff | comparison | revisions
src/FingersDance.Control.Player/UserControlPlayer.xaml file | annotate | diff | comparison | revisions
src/FingersDance.Control.TimeLine/FingersDance.Control.TimeLine.csproj file | annotate | diff | comparison | revisions
src/FingersDance.Control.TimeLine/UserControlTimeLine.xaml file | annotate | diff | comparison | revisions
src/FingersDance/App.xaml file | annotate | diff | comparison | revisions 
--- a/src/FingersDance.Control.Pivot/FingersDance.Control.Pivot.Ressource.xaml	Wed Sep 23 17:11:43 2009 +0200
+++ b/src/FingersDance.Control.Pivot/FingersDance.Control.Pivot.Ressource.xaml	Wed Sep 23 19:44:59 2009 +0200
@@ -200,4 +200,99 @@
       </DrawingGroup>
     </DrawingBrush.Drawing>
   </DrawingBrush>
+    <DrawingBrush x:Key="Play_xaml" Stretch="Uniform">
+        <DrawingBrush.Drawing>
+            <DrawingGroup ClipGeometry="F1 M 0,0L 9.4646,0L 9.4646,10.7882L 0,10.7882L 0,0">
+                <DrawingGroup.Children>
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 9.36456,5.987L 0.0999756,10.6882L 0.0999756,9.0683L 7.03809,5.67328L 7.03809,5.60785L 0.0999756,1.7337L 0.0999756,0.100037L 9.36456,5.34589L 9.36456,5.987 Z ">
+                        <GeometryDrawing.Pen>
+                            <Pen Thickness="0.199975" LineJoin="Round" Brush="#FF000000" />
+                        </GeometryDrawing.Pen>
+                    </GeometryDrawing>
+                </DrawingGroup.Children>
+            </DrawingGroup>
+        </DrawingBrush.Drawing>
+    </DrawingBrush>
+    <DrawingBrush x:Key="Pause_xaml" Stretch="Uniform">
+        <DrawingBrush.Drawing>
+            <DrawingGroup ClipGeometry="F1 M 0,0L 3.37118,0L 3.37118,10.9882L 0,10.9882L 0,0">
+                <DrawingGroup.Children>
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 0.100037,0.0999756L 1.24683,0.0999756L 1.24683,10.8882L 0.100037,10.8882L 0.100037,0.0999756 Z ">
+                        <GeometryDrawing.Pen>
+                            <Pen Thickness="0.199975" LineJoin="Round" Brush="#FF000000" />
+                        </GeometryDrawing.Pen>
+                    </GeometryDrawing>
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 2.12445,0.0999756L 3.27124,0.0999756L 3.27124,10.8882L 2.12445,10.8882L 2.12445,0.0999756 Z ">
+                        <GeometryDrawing.Pen>
+                            <Pen Thickness="0.199975" LineJoin="Round" Brush="#FF000000" />
+                        </GeometryDrawing.Pen>
+                    </GeometryDrawing>
+                </DrawingGroup.Children>
+            </DrawingGroup>
+        </DrawingBrush.Drawing>
+    </DrawingBrush>
+    <DrawingBrush x:Key="FForward_xaml" Stretch="Uniform">
+        <DrawingBrush.Drawing>
+            <DrawingGroup ClipGeometry="F1 M 0,0L 14.4647,0L 14.4647,10.7882L 0,10.7882L 0,0">
+                <DrawingGroup.Children>
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 9.36462,5.98694L 0.0999756,10.6882L 0.0999756,9.0683L 7.03815,5.67334L 7.03815,5.60779L 0.0999756,1.73376L 0.0999756,0.100037L 9.36462,5.34589L 9.36462,5.98694 Z ">
+                        <GeometryDrawing.Pen>
+                            <Pen Thickness="0.199975" LineJoin="Round" Brush="#FF000000" />
+                        </GeometryDrawing.Pen>
+                    </GeometryDrawing>
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 14.3646,5.98694L 5.09998,10.6882L 5.09998,9.0683L 12.0381,5.67334L 12.0381,5.60779L 5.09998,1.73376L 5.09998,0.100037L 14.3646,5.34589L 14.3646,5.98694 Z ">
+                        <GeometryDrawing.Pen>
+                            <Pen Thickness="0.199975" LineJoin="Round" Brush="#FF000000" />
+                        </GeometryDrawing.Pen>
+                    </GeometryDrawing>
+                </DrawingGroup.Children>
+            </DrawingGroup>
+        </DrawingBrush.Drawing>
+    </DrawingBrush>
+    <DrawingBrush x:Key="SliderPause_xaml" Stretch="Uniform">
+        <DrawingBrush.Drawing>
+            <DrawingGroup ClipGeometry="F1 M 0,0L 10.5882,0L 10.5882,9.26465L 0,9.26465L 0,0">
+                <DrawingGroup.Children>
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 4.70135,9.26471L 0,6.10352e-005L 1.61993,6.10352e-005L 5.01495,6.93817L 5.08038,6.93817L 8.95453,6.10352e-005L 10.5882,6.10352e-005L 5.34235,9.26471L 4.70135,9.26471 Z ">
+                        <GeometryDrawing.Pen>
+                            <Pen Thickness="0.199975" LineJoin="Round" Brush="#FF000000" />
+                        </GeometryDrawing.Pen>
+                    </GeometryDrawing>
+                </DrawingGroup.Children>
+            </DrawingGroup>
+        </DrawingBrush.Drawing>
+    </DrawingBrush>
+    <DrawingBrush x:Key="SliderPlay_xaml" Stretch="Uniform">
+        <DrawingBrush.Drawing>
+            <DrawingGroup ClipGeometry="F1 M 0,0L 9.26465,0L 9.26465,10.5882L 0,10.5882L 0,0">
+                <DrawingGroup.Children>
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 9.26465,5.8869L 0,10.5881L 0,8.96826L 6.93817,5.57324L 6.93817,5.50775L 0,1.63367L 0,0L 9.26465,5.24585L 9.26465,5.8869 Z ">
+                        <GeometryDrawing.Pen>
+                            <Pen Thickness="0.199975" LineJoin="Round" Brush="#FF000000" />
+                        </GeometryDrawing.Pen>
+                    </GeometryDrawing>
+                </DrawingGroup.Children>
+            </DrawingGroup>
+        </DrawingBrush.Drawing>
+    </DrawingBrush>
+    <DrawingBrush x:Key="TimeLine_xaml" Stretch="Uniform">
+        <DrawingBrush.Drawing>
+            <DrawingGroup ClipGeometry="F1 M 0,0L 742.406,0L 742.406,47.3634L 0,47.3634L 0,0">
+                <DrawingGroup.Children>
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 256,264.923L 256,-695.077">
+                        <GeometryDrawing.Pen>
+                            <Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF" />
+                        </GeometryDrawing.Pen>
+                    </GeometryDrawing>
+                    <GeometryDrawing Geometry="F1 M 43.7588,24.312L 700.215,24.312">
+                        <GeometryDrawing.Pen>
+                            <Pen Thickness="9.99875" LineJoin="Round" Brush="#FFFFFFFF" />
+                        </GeometryDrawing.Pen>
+                    </GeometryDrawing>
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 716.791,2.48956C 729.182,2.48956 739.228,12.5349 739.228,24.9264C 739.228,37.318 729.182,47.3633 716.791,47.3633C 704.399,47.3633 694.354,37.318 694.354,24.9264C 694.354,12.5349 704.399,2.48956 716.791,2.48956 Z " />
+                    <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 22.4367,2.48956C 34.8283,2.48956 44.8736,12.5349 44.8736,24.9264C 44.8736,37.318 34.8283,47.3633 22.4367,47.3633C 10.0452,47.3633 -0.000152588,37.318 -0.000152588,24.9264C -0.000152588,12.5349 10.0452,2.48956 22.4367,2.48956 Z " />
+                </DrawingGroup.Children>
+            </DrawingGroup>
+        </DrawingBrush.Drawing>
+    </DrawingBrush>
 </ResourceDictionary>
\ No newline at end of file
--- a/src/FingersDance.Control.Pivot/UserControlPivot.xaml	Wed Sep 23 17:11:43 2009 +0200
+++ b/src/FingersDance.Control.Pivot/UserControlPivot.xaml	Wed Sep 23 19:44:59 2009 +0200
@@ -6,7 +6,7 @@
 	mc:Ignorable="d"
 	xmlns:Custom="http://schemas.microsoft.com/surface/2008" xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic"
 	x:Class="FingersDance.Control.Pivot.UserControlPivot"
-	x:Name="UserControl" Width="90" Height="90">
+	x:Name="UserControl" Width="90" Height="90" Foreground="{x:Null}">
 	<UserControl.Resources>
 		<ResourceDictionary>
 			<ResourceDictionary.MergedDictionaries>
--- a/src/FingersDance.Control.Player/UserControlPlayer.xaml	Wed Sep 23 17:11:43 2009 +0200
+++ b/src/FingersDance.Control.Player/UserControlPlayer.xaml	Wed Sep 23 19:44:59 2009 +0200
@@ -4,21 +4,134 @@
 	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 	mc:Ignorable="d"
+	xmlns:Custom="http://schemas.microsoft.com/surface/2008" xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic"
 	x:Class="FingersDance.Control.Player.UserControlPlayer"
 	x:Name="UserControl"
-	Width="560" Height="400" xmlns:Custom="http://schemas.microsoft.com/surface/2008">
+	Width="560" Height="400">
 	<UserControl.Resources>
 		<Storyboard x:Key="OnClick1"/>
+		<Style x:Key="FingersDance.Control.PlayerButton" TargetType="{x:Type Custom:SurfaceButton}">
+			<Style.BasedOn>
+				<Style TargetType="{x:Type ButtonBase}">
+					<Setter Property="SnapsToDevicePixels" Value="True"/>
+					<Setter Property="FocusVisualStyle">
+						<Setter.Value>
+							<Style>
+								<Setter Property="Control.Template">
+									<Setter.Value>
+										<ControlTemplate/>
+									</Setter.Value>
+								</Setter>
+							</Style>
+						</Setter.Value>
+					</Setter>
+					<Setter Property="FontFamily" Value="Segoe UI"/>
+					<Setter Property="FontSize" Value="10"/>
+					<Setter Property="Foreground" Value="Black"/>
+					<Setter Property="Background" Value="#33A4B4BD"/>
+					<Setter Property="BorderBrush">
+						<Setter.Value>
+							<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
+								<GradientStop Color="#7FFFFFFF" Offset="0"/>
+								<GradientStop Color="#0CFFFFFF" Offset="1"/>
+							</LinearGradientBrush>
+						</Setter.Value>
+					</Setter>
+					<Setter Property="BorderThickness" Value="1"/>
+					<Setter Property="HorizontalContentAlignment" Value="Center"/>
+					<Setter Property="VerticalContentAlignment" Value="Center"/>
+					<Setter Property="Padding" Value="15,6"/>
+					<Setter Property="IsTabStop" Value="False"/>
+					<Setter Property="Focusable" Value="False"/>
+					<Setter Property="MinWidth" Value="30"/>
+					<Setter Property="MinHeight" Value="30"/>
+					<Setter Property="Template">
+						<Setter.Value>
+							<ControlTemplate TargetType="{x:Type ButtonBase}">
+								<ControlTemplate.Resources>
+									<Storyboard x:Key="Press">
+										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+											<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+										</DoubleAnimationUsingKeyFrames>
+										<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+											<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
+										</ThicknessAnimationUsingKeyFrames>
+									</Storyboard>
+									<Storyboard x:Key="Release">
+										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+											<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+										</DoubleAnimationUsingKeyFrames>
+										<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+											<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
+											<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+										</ThicknessAnimationUsingKeyFrames>
+									</Storyboard>
+								</ControlTemplate.Resources>
+								<Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+									<Border x:Name="Shadow" Margin="1,1,1,0" BorderBrush="{x:Null}" BorderThickness="0,0,0,1" CornerRadius="6" Padding="1"/>
+									<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" StrokeThickness="1" RadiusX="5" RadiusY="5" Margin="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Stroke="{x:Null}"/>
+									<Rectangle x:Name="RenderOverlay" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1" RadiusX="4" RadiusY="4" Margin="2" Opacity="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Fill="{x:Null}"/>
+									<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="Glow" Margin="1" Opacity="0" Color="White" CornerRadius="4"/>
+									<ContentPresenter x:Name="Content" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}">
+										<ContentPresenter.RenderTransform>
+											<TranslateTransform X="0" Y="-1"/>
+										</ContentPresenter.RenderTransform>
+									</ContentPresenter>
+								</Grid>
+								<ControlTemplate.Triggers>
+									<Trigger Property="IsPressed" Value="True">
+										<Trigger.EnterActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+														<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+													</DoubleAnimationUsingKeyFrames>
+													<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+														<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
+													</ThicknessAnimationUsingKeyFrames>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.EnterActions>
+										<Trigger.ExitActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+														<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+													</DoubleAnimationUsingKeyFrames>
+													<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+														<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
+														<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+													</ThicknessAnimationUsingKeyFrames>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.ExitActions>
+									</Trigger>
+									<Trigger Property="IsEnabled" Value="True"/>
+									<Trigger Property="IsEnabled" Value="False">
+										<Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
+										<Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
+										<Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
+										<Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
+										<Setter Property="Foreground" Value="#A5333333"/>
+										<Setter Property="Background" Value="Transparent"/>
+									</Trigger>
+								</ControlTemplate.Triggers>
+							</ControlTemplate>
+						</Setter.Value>
+					</Setter>
+				</Style>
+			</Style.BasedOn>
+		</Style>
 	</UserControl.Resources>
-	<UserControl.Triggers>
-	</UserControl.Triggers>
-        <Grid x:Name="LayoutRoot" Width="{Binding Path=ActualWidth, ElementName=UserControl, Mode=Default}" Height="{Binding Path=ActualHeight, ElementName=UserControl, Mode=Default}" Background="{x:Null}" >
-        	<Viewbox Margin="0,0,0,0" Width="{Binding Path=ActualWidth, ElementName=UserControl, Mode=Default}" Height="{Binding Path=ActualHeight, ElementName=UserControl, Mode=Default}" Stretch="Uniform">
+        <Grid x:Name="LayoutRoot" Width="{Binding ActualWidth, ElementName=UserControl, Mode=Default}" Height="{Binding ActualHeight, ElementName=UserControl, Mode=Default}" Background="{x:Null}" >
+        	<Viewbox Margin="0,0,0,0" Width="{Binding ActualWidth, ElementName=UserControl, Mode=Default}" Height="{Binding ActualHeight, ElementName=UserControl, Mode=Default}" Stretch="Uniform">
         		<Grid Width="560" Height="400">
         			<MediaElement x:Name="MediaElementVideo" MediaOpened="MediaElementVideo_MediaOpened" Stretch="Fill" ScrubbingEnabled="False" StretchDirection="Both" />
-        			<Custom:SurfaceButton x:Name="Rewind_area" Content="Play/Pause" ContactDown="ButtonRewind_ContactDown" Click="ButtonRewind_Click" Foreground="{x:Null}" Background="#FFF7F0F0" BorderBrush="{x:Null}" Opacity="0" Width="72" HorizontalAlignment="Left"/>
-        			<Custom:SurfaceButton x:Name="Fast_Forward_area" Content="Play/Pause" ContactDown="ButtonFastForward_ContactDown" Click="ButtonFastForward_Click" Foreground="{x:Null}" Background="#FFF7F0F0" BorderBrush="{x:Null}" Opacity="0" Width="72" HorizontalAlignment="Right"/>
-        			<Custom:SurfaceButton x:Name="Play_Pause_area" ContactDown="ButtonPlayPause_ContactDown" Click="ButtonPlayPause_Click" Foreground="{x:Null}" Background="#FFF7F0F0" BorderBrush="{x:Null}" Opacity="0" Margin="76,0,76,0"/>
+        			<Custom:SurfaceButton x:Name="Rewind_area" Content="Play/Pause" ContactDown="ButtonRewind_ContactDown" Click="ButtonRewind_Click" Foreground="{x:Null}" Background="#FFF7F0F0" BorderBrush="{x:Null}" Opacity="0" Width="72" HorizontalAlignment="Left" Style="{DynamicResource FingersDance.Control.PlayerButton}" VerticalAlignment="Top" Height="48"/>
+        			<Custom:SurfaceButton x:Name="Fast_Forward_area" Content="Play/Pause" ContactDown="ButtonFastForward_ContactDown" Click="ButtonFastForward_Click" Foreground="{x:Null}" Background="#FFF7F0F0" BorderBrush="{x:Null}" Opacity="0" Width="72" HorizontalAlignment="Right" Style="{DynamicResource FingersDance.Control.PlayerButton}" VerticalAlignment="Top" Height="48"/>
+        			<Custom:SurfaceButton x:Name="Play_Pause_area" ContactDown="ButtonPlayPause_ContactDown" Click="ButtonPlayPause_Click" Foreground="{x:Null}" Background="{x:Null}" BorderBrush="{x:Null}" Margin="76,0" Style="{DynamicResource FingersDance.Control.PlayerButton}" Opacity="0" VerticalAlignment="Top" Height="48"/>
         		</Grid>
         	</Viewbox>
         </Grid>
--- a/src/FingersDance.Control.TimeLine/FingersDance.Control.TimeLine.csproj	Wed Sep 23 17:11:43 2009 +0200
+++ b/src/FingersDance.Control.TimeLine/FingersDance.Control.TimeLine.csproj	Wed Sep 23 19:44:59 2009 +0200
@@ -25,6 +25,7 @@
     <RunPostBuildEvent>OnBuildSuccess</RunPostBuildEvent>
     <StartupObject>
     </StartupObject>
+    <ExpressionBlendVersion>3.0.1927.0</ExpressionBlendVersion>
   </PropertyGroup>
   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
     <DebugSymbols>true</DebugSymbols>
@@ -75,6 +76,10 @@
     <Reference Include="Microsoft.Surface" />
     <Reference Include="Microsoft.Surface.Presentation" />
     <Reference Include="Microsoft.Surface.Presentation.Generic" />
+    <Page Include="FingersDance.Control.TimeLine.Ressources.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
     <Page Include="UserControlTimeLine.xaml">
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
@@ -116,6 +121,7 @@
     <Resource Include="FingersDance.Control.TimeLine.xml" />
   </ItemGroup>
   <ItemGroup>
+    <Resource Include="FingersDance.Control.TimeLine.Ressources_Files\**\*.jpg;FingersDance.Control.TimeLine.Ressources_Files\**\*.jpeg;FingersDance.Control.TimeLine.Ressources_Files\**\*.png;FingersDance.Control.TimeLine.Ressources_Files\**\*.bmp;FingersDance.Control.TimeLine.Ressources_Files\**\*.gif;FingersDance.Control.TimeLine.Ressources_Files\**\*.tif;FingersDance.Control.TimeLine.Ressources_Files\**\*.tiff" />
     <Resource Include="Resources\WindowBackground.jpg" />
   </ItemGroup>
   <ItemGroup>
--- a/src/FingersDance.Control.TimeLine/UserControlTimeLine.xaml	Wed Sep 23 17:11:43 2009 +0200
+++ b/src/FingersDance.Control.TimeLine/UserControlTimeLine.xaml	Wed Sep 23 19:44:59 2009 +0200
@@ -4,15 +4,773 @@
 	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 	mc:Ignorable="d"
+    xmlns:vw="clr-namespace:FingersDance.Views;assembly=FingersDance.Views"
+	xmlns:Custom="http://schemas.microsoft.com/surface/2008" xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic"
 	x:Class="FingersDance.Control.TimeLine.UserControlTimeLine"
-    xmlns:vw="clr-namespace:FingersDance.Views;assembly=FingersDance.Views"
 	x:Name="UserControl"
-	d:DesignWidth="383" xmlns:Custom="http://schemas.microsoft.com/surface/2008" Background="{x:Null}" d:DesignHeight="33">
+	d:DesignWidth="383" Background="{x:Null}" d:DesignHeight="33">
+
+	<UserControl.Resources>
+		<Style x:Key="FingersDance.Control.Slider" TargetType="{x:Type Custom:SurfaceSlider}">
+			<Setter Property="Background" Value="#191B2022"/>
+			<Setter Property="BorderBrush" Value="#3F040404"/>
+			<Setter Property="Foreground" Value="Black"/>
+			<Setter Property="Width" Value="NaN"/>
+			<Setter Property="MinWidth" Value="30"/>
+			<Setter Property="Height" Value="NaN"/>
+			<Setter Property="MinHeight" Value="30"/>
+			<Setter Property="Template">
+				<Setter.Value>
+					<ControlTemplate TargetType="{x:Type Custom:SurfaceSlider}">
+						<ControlTemplate.Resources>
+							<Storyboard x:Key="Touch">
+								<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height" To="19"/>
+								<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/>
+								<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/>
+							</Storyboard>
+							<Storyboard x:Key="Release">
+								<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height"/>
+								<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/>
+								<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/>
+							</Storyboard>
+						</ControlTemplate.Resources>
+						<Grid x:Name="GridRoot" VerticalAlignment="Stretch" Height="Auto" SnapsToDevicePixels="True" Background="Transparent">
+							<Grid.RowDefinitions>
+								<RowDefinition Height="Auto"/>
+								<RowDefinition Height="Auto" MinHeight="{TemplateBinding MinHeight}"/>
+								<RowDefinition Height="Auto"/>
+							</Grid.RowDefinitions>
+							<Canvas ClipToBounds="False">
+								<Label x:Name="PART_SurfaceToolTip">
+									<Label.Style>
+										<Style TargetType="{x:Type Label}">
+											<Setter Property="Template">
+												<Setter.Value>
+													<ControlTemplate TargetType="{x:Type Label}">
+														<Grid>
+															<Border HorizontalAlignment="Stretch" Margin="0" Width="Auto" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="2">
+																<TextBlock Margin="{TemplateBinding Padding}" Background="{x:Null}" Foreground="{TemplateBinding Foreground}" Text="{TemplateBinding Content}"/>
+															</Border>
+														</Grid>
+													</ControlTemplate>
+												</Setter.Value>
+											</Setter>
+											<Setter Property="Visibility" Value="Collapsed"/>
+											<Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.InfoBrushKey}}"/>
+											<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.InfoTextBrushKey}}"/>
+											<Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.InfoTextBrushKey}}"/>
+											<Setter Property="Padding" Value="2"/>
+										</Style>
+									</Label.Style>
+								</Label>
+							</Canvas>
+							<TickBar x:Name="TopTick" Margin="0,0,0,1" Height="4" Opacity="1" SnapsToDevicePixels="True" Visibility="Collapsed" Grid.Row="0" Fill="{TemplateBinding BorderBrush}" IsDirectionReversed="False" Placement="Top" ReservedSpace="30"/>
+							<TickBar x:Name="BottomTick" Margin="0,1,0,0" Height="4" Opacity="1" SnapsToDevicePixels="True" Visibility="Collapsed" Grid.Row="2" Fill="{TemplateBinding BorderBrush}" Placement="Bottom" ReservedSpace="30"/>
+							<Rectangle x:Name="TrackBkgd" RadiusX="3" RadiusY="3" HorizontalAlignment="Stretch" VerticalAlignment="Center" Width="Auto" Height="3" Opacity="1" SnapsToDevicePixels="True" Grid.Row="1" Fill="#FFF8EDED" Stroke="{x:Null}"/>
+							<Ellipse Fill="White" Stroke="{x:Null}" HorizontalAlignment="Left" Margin="315.906,10.116,0,10.128" Width="12.078" Grid.Row="1"/>
+							<Ellipse Fill="White" Stroke="{x:Null}" HorizontalAlignment="Left" Margin="0,10.116,0,10.128" Width="12.078" Grid.Row="1"/>
+							<Border x:Name="Track" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Height="Auto" Opacity="1" SnapsToDevicePixels="True" Background="Transparent" Grid.Row="1">
+								<Custom:SurfaceTrack x:Name="PART_Track" Grid.Row="1">
+									<Custom:SurfaceTrack.Thumb>
+										<Custom:SurfaceThumb x:Name="Thumb" MinHeight="30" MinWidth="30" Width="30" Height="30" Foreground="Black" SnapsToDevicePixels="True" Background="{DynamicResource SliderPlay_xaml}" Margin="-5.072,0,5.048,0" BorderBrush="{x:Null}">
+											<Custom:SurfaceThumb.Style>
+												<Style TargetType="{x:Type Custom:SurfaceThumb}">
+													<Setter Property="Background" Value="Transparent"/>
+													<Setter Property="Custom:ContactVisualizer.Adapter">
+														<Setter.Value>
+															<Custom:ContactVisualizerRectangleAdapter RadiusX="15" RadiusY="15"/>
+														</Setter.Value>
+													</Setter>
+													<Setter Property="Template">
+														<Setter.Value>
+															<ControlTemplate TargetType="{x:Type Custom:SurfaceThumb}">
+																<ControlTemplate.Resources>
+																	<Storyboard x:Key="Press">
+																		<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+																			<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+																		</DoubleAnimationUsingKeyFrames>
+																		<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																			<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																		</ThicknessAnimationUsingKeyFrames>
+																		<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																			<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																		</ThicknessAnimationUsingKeyFrames>
+																		<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																			<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																		</ThicknessAnimationUsingKeyFrames>
+																		<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																			<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																		</ThicknessAnimationUsingKeyFrames>
+																		<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)">
+																			<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																		</DoubleAnimationUsingKeyFrames>
+																		<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)">
+																			<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																		</DoubleAnimationUsingKeyFrames>
+																		<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">
+																			<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																		</DoubleAnimationUsingKeyFrames>
+																	</Storyboard>
+																	<Storyboard x:Key="Release">
+																		<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+																			<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+																			<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+																		</DoubleAnimationUsingKeyFrames>
+																		<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																			<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																			<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
+																		</ThicknessAnimationUsingKeyFrames>
+																		<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																			<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																			<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/>
+																		</ThicknessAnimationUsingKeyFrames>
+																		<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																			<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																			<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/>
+																		</ThicknessAnimationUsingKeyFrames>
+																		<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																			<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																			<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="6"/>
+																		</ThicknessAnimationUsingKeyFrames>
+																		<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)">
+																			<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																			<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/>
+																		</DoubleAnimationUsingKeyFrames>
+																		<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)">
+																			<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																			<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/>
+																		</DoubleAnimationUsingKeyFrames>
+																		<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">
+																			<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																			<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/>
+																		</DoubleAnimationUsingKeyFrames>
+																	</Storyboard>
+																</ControlTemplate.Resources>
+																<Grid x:Name="Grid" Margin="1" SnapsToDevicePixels="True" Background="Transparent">
+																	<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" Stroke="{x:Null}" StrokeThickness="0" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="5" VerticalAlignment="Stretch" Width="Auto" Height="Auto" SnapsToDevicePixels="True"/>
+																	<Rectangle x:Name="Button" Fill="{x:Null}" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="5" VerticalAlignment="Stretch" Width="Auto" Height="Auto" SnapsToDevicePixels="True" Stroke="{x:Null}"/>
+																	<Rectangle x:Name="RenderOverlay" StrokeThickness="1" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="6" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Opacity="1" SnapsToDevicePixels="True" Fill="{x:Null}" Stroke="{x:Null}"/>
+																	<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="GlowBorder" HorizontalAlignment="Stretch" Margin="2" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Opacity="0" Color="White" CornerRadius="{Binding ActualHeight, ElementName=GlowBorder}"/>
+																	<Rectangle x:Name="Contact" Fill="Transparent" Stroke="{x:Null}"/>
+																</Grid>
+																<ControlTemplate.Triggers>
+																	<Trigger Property="IsFocused" Value="True"/>
+																	<Trigger Property="IsEnabled" Value="False">
+																		<Setter Property="Fill" TargetName="Button" Value="#00000000"/>
+																		<Setter Property="Fill" TargetName="RenderOverlay" Value="#00000000"/>
+																		<Setter Property="Stroke" TargetName="Button" Value="#33000000"/>
+																		<Setter Property="Opacity" TargetName="RenderOverlay" Value="0.5"/>
+																	</Trigger>
+																	<Trigger Property="IsDragging" Value="True">
+																		<Trigger.EnterActions>
+																			<BeginStoryboard>
+																				<Storyboard>
+																					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+																						<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+																					</DoubleAnimationUsingKeyFrames>
+																					<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																						<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																					</ThicknessAnimationUsingKeyFrames>
+																					<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																						<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																					</ThicknessAnimationUsingKeyFrames>
+																					<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																						<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																					</ThicknessAnimationUsingKeyFrames>
+																					<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																						<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																					</ThicknessAnimationUsingKeyFrames>
+																					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)">
+																						<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																					</DoubleAnimationUsingKeyFrames>
+																					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)">
+																						<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																					</DoubleAnimationUsingKeyFrames>
+																					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">
+																						<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																					</DoubleAnimationUsingKeyFrames>
+																				</Storyboard>
+																			</BeginStoryboard>
+																		</Trigger.EnterActions>
+																		<Trigger.ExitActions>
+																			<BeginStoryboard>
+																				<Storyboard>
+																					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+																						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+																						<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+																					</DoubleAnimationUsingKeyFrames>
+																					<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																						<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																						<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
+																					</ThicknessAnimationUsingKeyFrames>
+																					<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																						<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																						<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/>
+																					</ThicknessAnimationUsingKeyFrames>
+																					<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																						<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																						<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/>
+																					</ThicknessAnimationUsingKeyFrames>
+																					<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																						<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																						<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="6"/>
+																					</ThicknessAnimationUsingKeyFrames>
+																					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)">
+																						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																						<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/>
+																					</DoubleAnimationUsingKeyFrames>
+																					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)">
+																						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																						<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/>
+																					</DoubleAnimationUsingKeyFrames>
+																					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">
+																						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																						<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/>
+																					</DoubleAnimationUsingKeyFrames>
+																				</Storyboard>
+																			</BeginStoryboard>
+																		</Trigger.ExitActions>
+																	</Trigger>
+																</ControlTemplate.Triggers>
+															</ControlTemplate>
+														</Setter.Value>
+													</Setter>
+												</Style>
+											</Custom:SurfaceThumb.Style>
+										</Custom:SurfaceThumb>
+									</Custom:SurfaceTrack.Thumb>
+									<Custom:SurfaceTrack.IncreaseRepeatButton>
+										<Custom:SurfaceRepeatButton x:Name="SliderIncrease" Command="Slider.IncreaseLarge">
+											<Custom:SurfaceRepeatButton.Style>
+												<Style TargetType="{x:Type Custom:SurfaceRepeatButton}">
+													<Setter Property="Background" Value="Transparent"/>
+													<Setter Property="BorderBrush" Value="Transparent"/>
+													<Setter Property="IsTabStop" Value="False"/>
+													<Setter Property="Focusable" Value="False"/>
+													<Setter Property="Template">
+														<Setter.Value>
+															<ControlTemplate TargetType="{x:Type Custom:SurfaceRepeatButton}">
+																<Grid>
+																	<Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/>
+																</Grid>
+															</ControlTemplate>
+														</Setter.Value>
+													</Setter>
+												</Style>
+											</Custom:SurfaceRepeatButton.Style>
+										</Custom:SurfaceRepeatButton>
+									</Custom:SurfaceTrack.IncreaseRepeatButton>
+									<Custom:SurfaceTrack.DecreaseRepeatButton>
+										<Custom:SurfaceRepeatButton x:Name="SliderDecrease" Command="Slider.DecreaseLarge">
+											<Custom:SurfaceRepeatButton.Style>
+												<Style TargetType="{x:Type Custom:SurfaceRepeatButton}">
+													<Setter Property="Background" Value="Transparent"/>
+													<Setter Property="BorderBrush" Value="Transparent"/>
+													<Setter Property="IsTabStop" Value="False"/>
+													<Setter Property="Focusable" Value="False"/>
+													<Setter Property="Template">
+														<Setter.Value>
+															<ControlTemplate TargetType="{x:Type Custom:SurfaceRepeatButton}">
+																<Grid>
+																	<Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/>
+																</Grid>
+															</ControlTemplate>
+														</Setter.Value>
+													</Setter>
+												</Style>
+											</Custom:SurfaceRepeatButton.Style>
+										</Custom:SurfaceRepeatButton>
+									</Custom:SurfaceTrack.DecreaseRepeatButton>
+								</Custom:SurfaceTrack>
+							</Border>
+						</Grid>
+						<ControlTemplate.Triggers>
+							<Trigger Property="TickPlacement" Value="TopLeft">
+								<Setter Property="Visibility" TargetName="TopTick" Value="Visible"/>
+							</Trigger>
+							<Trigger Property="TickPlacement" Value="BottomRight">
+								<Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/>
+							</Trigger>
+							<Trigger Property="TickPlacement" Value="Both">
+								<Setter Property="Visibility" TargetName="TopTick" Value="Visible"/>
+								<Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/>
+							</Trigger>
+							<Trigger Property="IsMoveToPointEnabled" Value="True">
+								<Setter Property="Visibility" TargetName="SliderIncrease" Value="Collapsed"/>
+								<Setter Property="Visibility" TargetName="SliderDecrease" Value="Collapsed"/>
+							</Trigger>
+							<Trigger Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="SliderIncrease" Value="True">
+								<Trigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height" To="19"/>
+											<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/>
+											<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.EnterActions>
+								<Trigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height"/>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.ExitActions>
+								<Setter Property="Fill" TargetName="TrackBkgd" Value="#661B2022"/>
+							</Trigger>
+							<Trigger Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="SliderDecrease" Value="True">
+								<Trigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height" To="19"/>
+											<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/>
+											<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.EnterActions>
+								<Trigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height"/>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.ExitActions>
+								<Setter Property="Fill" TargetName="TrackBkgd" Value="#661B2022"/>
+							</Trigger>
+							<MultiTrigger>
+								<MultiTrigger.Conditions>
+									<Condition Property="IsMoveToPointEnabled" Value="True"/>
+									<Condition Property="IsAnyContactCaptured" Value="True"/>
+									<Condition Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="Thumb" Value="True"/>
+								</MultiTrigger.Conditions>
+								<MultiTrigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height"/>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</MultiTrigger.ExitActions>
+								<MultiTrigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Height" To="19"/>
+											<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/>
+											<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</MultiTrigger.EnterActions>
+							</MultiTrigger>
+							<Trigger Property="IsEnabled" Value="False">
+								<Setter Property="Foreground" TargetName="Thumb" Value="#A5333333"/>
+								<Setter Property="Fill" TargetName="TrackBkgd" Value="#00000000"/>
+								<Setter Property="Opacity" TargetName="TrackBkgd" Value="0.35"/>
+							</Trigger>
+						</ControlTemplate.Triggers>
+					</ControlTemplate>
+				</Setter.Value>
+			</Setter>
+			<Style.Triggers>
+				<Trigger Property="Orientation" Value="Vertical">
+					<Setter Property="Width" Value="NaN"/>
+					<Setter Property="MinWidth" Value="30"/>
+					<Setter Property="Height" Value="NaN"/>
+					<Setter Property="MinHeight" Value="30"/>
+					<Setter Property="Template">
+						<Setter.Value>
+							<ControlTemplate TargetType="{x:Type Custom:SurfaceSlider}">
+								<ControlTemplate.Resources>
+									<Storyboard x:Key="Touch">
+										<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width" To="19"/>
+										<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/>
+										<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/>
+									</Storyboard>
+									<Storyboard x:Key="Release">
+										<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width"/>
+										<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/>
+										<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/>
+									</Storyboard>
+								</ControlTemplate.Resources>
+								<Grid x:Name="GridRoot" HorizontalAlignment="Stretch" Width="Auto" SnapsToDevicePixels="True" Background="Transparent">
+									<Grid.ColumnDefinitions>
+										<ColumnDefinition Width="Auto"/>
+										<ColumnDefinition MinWidth="{TemplateBinding MinWidth}" Width="Auto"/>
+										<ColumnDefinition Width="Auto"/>
+									</Grid.ColumnDefinitions>
+									<Canvas ClipToBounds="False">
+										<Label x:Name="PART_SurfaceToolTip">
+											<Label.Style>
+												<Style TargetType="{x:Type Label}">
+													<Setter Property="Template">
+														<Setter.Value>
+															<ControlTemplate TargetType="{x:Type Label}">
+																<Grid>
+																	<Border HorizontalAlignment="Stretch" Margin="0" Width="Auto" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="2">
+																		<TextBlock Margin="{TemplateBinding Padding}" Background="{x:Null}" Foreground="{TemplateBinding Foreground}" Text="{TemplateBinding Content}"/>
+																	</Border>
+																</Grid>
+															</ControlTemplate>
+														</Setter.Value>
+													</Setter>
+													<Setter Property="Visibility" Value="Collapsed"/>
+													<Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.InfoBrushKey}}"/>
+													<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.InfoTextBrushKey}}"/>
+													<Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.InfoTextBrushKey}}"/>
+													<Setter Property="Padding" Value="2"/>
+												</Style>
+											</Label.Style>
+										</Label>
+									</Canvas>
+									<TickBar x:Name="TopTick" Margin="0,0,1,0" Width="4" SnapsToDevicePixels="True" Visibility="Collapsed" Grid.Column="0" Fill="{TemplateBinding BorderBrush}" IsDirectionReversed="True" Placement="Left" ReservedSpace="30"/>
+									<TickBar x:Name="BottomTick" Margin="1,0,0,0" Width="4" SnapsToDevicePixels="True" Visibility="Collapsed" Grid.Column="2" Fill="{TemplateBinding BorderBrush}" IsDirectionReversed="True" Placement="Right" ReservedSpace="30"/>
+									<Rectangle x:Name="TrackBkgd" Fill="{TemplateBinding Background}" RadiusX="3" RadiusY="3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="6" Height="Auto" SnapsToDevicePixels="True" Grid.Column="1">
+										<Rectangle.Stroke>
+											<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
+												<GradientStop Color="#66000000" Offset="0"/>
+												<GradientStop Color="#4CFFFFFF" Offset="1"/>
+											</LinearGradientBrush>
+										</Rectangle.Stroke>
+									</Rectangle>
+									<Border x:Name="Track" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Opacity="1" SnapsToDevicePixels="True" Background="Transparent" Grid.Column="1">
+										<Custom:SurfaceTrack x:Name="PART_Track" HorizontalAlignment="Stretch" Grid.Column="1">
+											<Custom:SurfaceTrack.DecreaseRepeatButton>
+												<Custom:SurfaceRepeatButton x:Name="SliderDecrease" Command="Slider.DecreaseLarge">
+													<Custom:SurfaceRepeatButton.Style>
+														<Style TargetType="{x:Type Custom:SurfaceRepeatButton}">
+															<Setter Property="Background" Value="Transparent"/>
+															<Setter Property="BorderBrush" Value="Transparent"/>
+															<Setter Property="IsTabStop" Value="False"/>
+															<Setter Property="Focusable" Value="False"/>
+															<Setter Property="Template">
+																<Setter.Value>
+																	<ControlTemplate TargetType="{x:Type Custom:SurfaceRepeatButton}">
+																		<Grid>
+																			<Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/>
+																		</Grid>
+																	</ControlTemplate>
+																</Setter.Value>
+															</Setter>
+														</Style>
+													</Custom:SurfaceRepeatButton.Style>
+												</Custom:SurfaceRepeatButton>
+											</Custom:SurfaceTrack.DecreaseRepeatButton>
+											<Custom:SurfaceTrack.IncreaseRepeatButton>
+												<Custom:SurfaceRepeatButton x:Name="SliderIncrease" Command="Slider.IncreaseLarge">
+													<Custom:SurfaceRepeatButton.Style>
+														<Style TargetType="{x:Type Custom:SurfaceRepeatButton}">
+															<Setter Property="Background" Value="Transparent"/>
+															<Setter Property="BorderBrush" Value="Transparent"/>
+															<Setter Property="IsTabStop" Value="False"/>
+															<Setter Property="Focusable" Value="False"/>
+															<Setter Property="Template">
+																<Setter.Value>
+																	<ControlTemplate TargetType="{x:Type Custom:SurfaceRepeatButton}">
+																		<Grid>
+																			<Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/>
+																		</Grid>
+																	</ControlTemplate>
+																</Setter.Value>
+															</Setter>
+														</Style>
+													</Custom:SurfaceRepeatButton.Style>
+												</Custom:SurfaceRepeatButton>
+											</Custom:SurfaceTrack.IncreaseRepeatButton>
+											<Custom:SurfaceTrack.Thumb>
+												<Custom:SurfaceThumb x:Name="Thumb" HorizontalAlignment="Center" Margin="0,0,1,0" MinHeight="30" MinWidth="30" Width="30" Height="30" Foreground="Black" SnapsToDevicePixels="True">
+													<Custom:SurfaceThumb.Style>
+														<Style TargetType="{x:Type Custom:SurfaceThumb}">
+															<Setter Property="Background" Value="Transparent"/>
+															<Setter Property="Custom:ContactVisualizer.Adapter">
+																<Setter.Value>
+																	<Custom:ContactVisualizerRectangleAdapter RadiusX="15" RadiusY="15"/>
+																</Setter.Value>
+															</Setter>
+															<Setter Property="Template">
+																<Setter.Value>
+																	<ControlTemplate TargetType="{x:Type Custom:SurfaceThumb}">
+																		<ControlTemplate.Resources>
+																			<Storyboard x:Key="Press">
+																				<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+																					<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+																				</DoubleAnimationUsingKeyFrames>
+																				<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																					<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																				</ThicknessAnimationUsingKeyFrames>
+																				<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																					<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																				</ThicknessAnimationUsingKeyFrames>
+																				<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																					<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																				</ThicknessAnimationUsingKeyFrames>
+																				<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																					<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																				</ThicknessAnimationUsingKeyFrames>
+																				<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)">
+																					<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																				</DoubleAnimationUsingKeyFrames>
+																				<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)">
+																					<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																				</DoubleAnimationUsingKeyFrames>
+																				<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">
+																					<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																				</DoubleAnimationUsingKeyFrames>
+																			</Storyboard>
+																			<Storyboard x:Key="Release">
+																				<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+																					<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+																				</DoubleAnimationUsingKeyFrames>
+																				<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																					<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																					<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
+																				</ThicknessAnimationUsingKeyFrames>
+																				<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																					<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																					<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/>
+																				</ThicknessAnimationUsingKeyFrames>
+																				<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																					<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																					<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/>
+																				</ThicknessAnimationUsingKeyFrames>
+																				<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																					<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																					<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="6"/>
+																				</ThicknessAnimationUsingKeyFrames>
+																				<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)">
+																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																					<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+																				</DoubleAnimationUsingKeyFrames>
+																				<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)">
+																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																					<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+																				</DoubleAnimationUsingKeyFrames>
+																				<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">
+																					<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																					<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+																				</DoubleAnimationUsingKeyFrames>
+																			</Storyboard>
+																		</ControlTemplate.Resources>
+																		<Grid x:Name="Grid" Margin="1" SnapsToDevicePixels="True" Background="Transparent">
+																			<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" Stroke="{x:Null}" StrokeThickness="0" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="5" VerticalAlignment="Stretch" Width="Auto" Height="Auto" SnapsToDevicePixels="True"/>
+																			<Rectangle x:Name="Button" Fill="#33A4B4BD" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="5" VerticalAlignment="Stretch" Width="Auto" Height="Auto" SnapsToDevicePixels="True">
+																				<Rectangle.Stroke>
+																					<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+																						<GradientStop Color="#66000000" Offset="0"/>
+																						<GradientStop Color="#33000000" Offset="1"/>
+																					</LinearGradientBrush>
+																				</Rectangle.Stroke>
+																			</Rectangle>
+																			<Rectangle x:Name="RenderOverlay" StrokeThickness="1" RadiusX="15" RadiusY="15" HorizontalAlignment="Stretch" Margin="6" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Opacity="1" SnapsToDevicePixels="True">
+																				<Rectangle.Stroke>
+																					<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
+																						<GradientStop Color="#7FFFFFFF" Offset="0"/>
+																						<GradientStop Color="#0CFFFFFF" Offset="1"/>
+																					</LinearGradientBrush>
+																				</Rectangle.Stroke>
+																				<Rectangle.Fill>
+																					<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
+																						<GradientStop Color="#26000000" Offset="0"/>
+																						<GradientStop Color="#4CFFFFFF" Offset="1"/>
+																					</LinearGradientBrush>
+																				</Rectangle.Fill>
+																			</Rectangle>
+																			<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="GlowBorder" HorizontalAlignment="Stretch" Margin="2" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Opacity="0" Color="White" CornerRadius="{Binding ActualHeight, ElementName=GlowBorder}"/>
+																			<Rectangle x:Name="Contact" Fill="Transparent" Stroke="{x:Null}"/>
+																		</Grid>
+																		<ControlTemplate.Triggers>
+																			<Trigger Property="IsFocused" Value="True"/>
+																			<Trigger Property="IsEnabled" Value="False">
+																				<Setter Property="Fill" TargetName="Button" Value="#00000000"/>
+																				<Setter Property="Fill" TargetName="RenderOverlay" Value="#00000000"/>
+																				<Setter Property="Stroke" TargetName="Button" Value="#33000000"/>
+																				<Setter Property="Opacity" TargetName="RenderOverlay" Value="0.5"/>
+																			</Trigger>
+																			<Trigger Property="IsDragging" Value="True">
+																				<Trigger.EnterActions>
+																					<BeginStoryboard>
+																						<Storyboard>
+																							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+																								<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+																							</DoubleAnimationUsingKeyFrames>
+																							<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																								<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																							</ThicknessAnimationUsingKeyFrames>
+																							<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																								<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																							</ThicknessAnimationUsingKeyFrames>
+																							<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																								<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																							</ThicknessAnimationUsingKeyFrames>
+																							<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																								<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																							</ThicknessAnimationUsingKeyFrames>
+																							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)">
+																								<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																							</DoubleAnimationUsingKeyFrames>
+																							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)">
+																								<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																							</DoubleAnimationUsingKeyFrames>
+																							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">
+																								<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0"/>
+																							</DoubleAnimationUsingKeyFrames>
+																						</Storyboard>
+																					</BeginStoryboard>
+																				</Trigger.EnterActions>
+																				<Trigger.ExitActions>
+																					<BeginStoryboard>
+																						<Storyboard>
+																							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+																								<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+																								<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+																							</DoubleAnimationUsingKeyFrames>
+																							<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																								<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																								<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
+																							</ThicknessAnimationUsingKeyFrames>
+																							<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																								<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																								<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/>
+																							</ThicknessAnimationUsingKeyFrames>
+																							<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																								<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																								<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="5"/>
+																							</ThicknessAnimationUsingKeyFrames>
+																							<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+																								<SplineThicknessKeyFrame KeyTime="00:00:00" Value="0"/>
+																								<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="6"/>
+																							</ThicknessAnimationUsingKeyFrames>
+																							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Base" Storyboard.TargetProperty="(UIElement.Opacity)">
+																								<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																								<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+																							</DoubleAnimationUsingKeyFrames>
+																							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Button" Storyboard.TargetProperty="(UIElement.Opacity)">
+																								<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																								<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+																							</DoubleAnimationUsingKeyFrames>
+																							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="RenderOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">
+																								<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
+																								<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+																							</DoubleAnimationUsingKeyFrames>
+																						</Storyboard>
+																					</BeginStoryboard>
+																				</Trigger.ExitActions>
+																			</Trigger>
+																		</ControlTemplate.Triggers>
+																	</ControlTemplate>
+																</Setter.Value>
+															</Setter>
+														</Style>
+													</Custom:SurfaceThumb.Style>
+												</Custom:SurfaceThumb>
+											</Custom:SurfaceTrack.Thumb>
+										</Custom:SurfaceTrack>
+									</Border>
+								</Grid>
+								<ControlTemplate.Triggers>
+									<Trigger Property="TickPlacement" Value="TopLeft">
+										<Setter Property="Visibility" TargetName="TopTick" Value="Visible"/>
+									</Trigger>
+									<Trigger Property="TickPlacement" Value="BottomRight">
+										<Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/>
+									</Trigger>
+									<Trigger Property="TickPlacement" Value="Both">
+										<Setter Property="Visibility" TargetName="TopTick" Value="Visible"/>
+										<Setter Property="Visibility" TargetName="BottomTick" Value="Visible"/>
+									</Trigger>
+									<Trigger Property="IsMoveToPointEnabled" Value="True">
+										<Setter Property="Visibility" TargetName="SliderIncrease" Value="Collapsed"/>
+										<Setter Property="Visibility" TargetName="SliderDecrease" Value="Collapsed"/>
+									</Trigger>
+									<Trigger Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="SliderIncrease" Value="True">
+										<Trigger.EnterActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width" To="19"/>
+													<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/>
+													<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.EnterActions>
+										<Trigger.ExitActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width"/>
+													<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/>
+													<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.ExitActions>
+										<Setter Property="Fill" TargetName="TrackBkgd" Value="#661B2022"/>
+									</Trigger>
+									<Trigger Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="SliderDecrease" Value="True">
+										<Trigger.EnterActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width" To="19"/>
+													<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/>
+													<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.EnterActions>
+										<Trigger.ExitActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width"/>
+													<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/>
+													<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.ExitActions>
+										<Setter Property="Fill" TargetName="TrackBkgd" Value="#661B2022"/>
+									</Trigger>
+									<MultiTrigger>
+										<MultiTrigger.Conditions>
+											<Condition Property="IsMoveToPointEnabled" Value="True"/>
+											<Condition Property="IsAnyContactCaptured" Value="True"/>
+											<Condition Property="Custom:Contacts.IsAnyContactOrMouseCapturedWithin" SourceName="Thumb" Value="True"/>
+										</MultiTrigger.Conditions>
+										<MultiTrigger.ExitActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width"/>
+													<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX"/>
+													<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY"/>
+												</Storyboard>
+											</BeginStoryboard>
+										</MultiTrigger.ExitActions>
+										<MultiTrigger.EnterActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="Width" To="19"/>
+													<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusX" To="9"/>
+													<DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="TrackBkgd" Storyboard.TargetProperty="RadiusY" To="9"/>
+												</Storyboard>
+											</BeginStoryboard>
+										</MultiTrigger.EnterActions>
+									</MultiTrigger>
+									<Trigger Property="IsEnabled" Value="False">
+										<Setter Property="Foreground" TargetName="Thumb" Value="#A5333333"/>
+										<Setter Property="Fill" TargetName="TrackBkgd" Value="#00000000"/>
+										<Setter Property="Opacity" TargetName="TrackBkgd" Value="0.35"/>
+										<Setter Property="Margin" TargetName="Thumb" Value="0"/>
+									</Trigger>
+								</ControlTemplate.Triggers>
+							</ControlTemplate>
+						</Setter.Value>
+					</Setter>
+				</Trigger>
+			</Style.Triggers>
+		</Style>
+	</UserControl.Resources>
 
 	<Grid x:Name="LayoutRoot" Width="Auto" Height="Auto" Background="{x:Null}">
 		<Custom:SurfaceSlider  Height="Auto" x:Name="slider" Value="0.5" Width="Auto" 
-                               Thumb.DragStarted="sliderPosition_DragStarted" Thumb.DragCompleted="sliderPosition_DragCompleted" ContactTapGesture="slider_ContactTapGesture"
-                               Margin="0,0,30,0" Background="#19FFFFFF" />
+                               Thumb.DragStarted="sliderPosition_DragStarted" Thumb.DragCompleted="sliderPosition_DragCompleted" ContactTapGesture="slider_ContactTapGesture" Background="#19FFFFFF" Style="{DynamicResource FingersDance.Control.Slider}" />
         <vw:TimelineView x:Name="tv" Margin="0,30,0,0"/>
     </Grid>
 </UserControl>
\ No newline at end of file
--- a/src/FingersDance/App.xaml	Wed Sep 23 17:11:43 2009 +0200
+++ b/src/FingersDance/App.xaml	Wed Sep 23 19:44:59 2009 +0200
@@ -8,6 +8,7 @@
         <ResourceDictionary.MergedDictionaries>
           <ResourceDictionary Source="/Microsoft.Surface.Presentation.Generic;v1.0.0.0;31bf3856ad364e35;component/themes\generic.xaml"/>
           <ResourceDictionary Source="pack://application:,,,/FingersDance.Control.Pivot;component/FingersDance.Control.Pivot.Ressource.xaml"/>
+          <ResourceDictionary Source="pack://application:,,,/FingersDance.Control.TimeLine;component/FingersDance.Control.TimeLine.Ressources.xaml"/>
         </ResourceDictionary.MergedDictionaries>
       </ResourceDictionary>
     </Application.Resources>
fingersdance