<UserControl

	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

	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" AllowDrop="True" Custom:SurfaceDragDrop.DragOver="Play_Pause_area_DragOver" Custom:SurfaceDragDrop.DragEnter="Play_Pause_area_DragEnter" Custom:SurfaceDragDrop.DragLeave="Play_Pause_area_DragLeave" Custom:SurfaceDragDrop.Drop="Play_Pause_area_Drop"

	<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>

		<Storyboard x:Key="Rect1Annotation">

			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rect1" Storyboard.TargetProperty="(UIElement.Opacity)">

				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1" KeySpline="0,0,0.5,1"/>

				<SplineDoubleKeyFrame KeyTime="00:00:02" Value="0"/>

			</DoubleAnimationUsingKeyFrames>

		</Storyboard>

		<Storyboard x:Key="Rect2Annotation">

			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rect2" Storyboard.TargetProperty="(UIElement.Opacity)">

				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1" KeySpline="0,0,0.5,1"/>

				<SplineDoubleKeyFrame KeyTime="00:00:02" Value="0"/>

			</DoubleAnimationUsingKeyFrames>

		</Storyboard>

		<Storyboard x:Key="Rect3Annotation">

			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rect3" Storyboard.TargetProperty="(UIElement.Opacity)">

				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>

				<SplineDoubleKeyFrame KeyTime="00:00:02" Value="0"/>

			</DoubleAnimationUsingKeyFrames>

		</Storyboard>

		<Storyboard x:Key="Rect4Annotation">

			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rect4" Storyboard.TargetProperty="(UIElement.Opacity)">

				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1" KeySpline="0,0,0.5,1"/>

				<SplineDoubleKeyFrame KeyTime="00:00:02" Value="0"/>

			</DoubleAnimationUsingKeyFrames>

		</Storyboard>

	</UserControl.Resources>

	<UserControl.Triggers>

		<EventTrigger RoutedEvent="FrameworkElement.Loaded">

			<BeginStoryboard Storyboard="{StaticResource Rect1Annotation}"/>

			<BeginStoryboard Storyboard="{StaticResource Rect2Annotation}"/>

			<BeginStoryboard Storyboard="{StaticResource Rect3Annotation}"/>

			<BeginStoryboard Storyboard="{StaticResource Rect4Annotation}"/>

		</EventTrigger>

	</UserControl.Triggers>

    		<Grid Width="560" Height="400" HorizontalAlignment="Left" x:Name="GridPlayer">

    			<Custom:SurfaceButton x:Name="Rewind_area" Content="" ContactDown="ButtonRewind_ContactDown" 

                                      Click="ButtonRewind_Click" Foreground="{x:Null}" Background="#FFFFFFFF" BorderBrush="{x:Null}" 

    			<Custom:SurfaceButton x:Name="Fast_Forward_area" Content="" ContactDown="ButtonFastForward_ContactDown" Click="ButtonFastForward_Click" 

    			<Custom:SurfaceButton x:Name="Play_Pause_area" ContactDown="ButtonPlayPause_ContactDown" Click="ButtonPlayPause_Click" Foreground="{x:Null}" 

    				<Rectangle x:Name="rect1" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000"/>

    				<Rectangle x:Name="rect2" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000"/>

    				<Rectangle x:Name="rect3" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000"/>

    				<Rectangle x:Name="rect4" Width="50" Height="50" Fill="{x:Null}" Stroke="#FF000000" VerticalAlignment="Bottom"/>

    			</StackPanel>

    		</Grid>

    	</Viewbox>

    </Grid>

 </UserControl>