<Page
	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:System="clr-namespace:System;assembly=mscorlib"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:ForzaUI"
    mc:Ignorable="d"
	x:Class="ForzaUI.LR_Velar_18">
	
    <Page.Resources>
        <Style x:Key="TextBlockStyle" TargetType="{x:Type local:FastTextBlock}">
            <Setter Property="FontFamily" Value="Moire"/>
            <Setter Property="Foreground" Value="White"/>
             
            <Setter Property="TextAlignment" Value="Right"/>
        </Style>
		
		<local:DigitalGaugeConfig x:Key="Config" HasClock="True" HasExternalTemp="True" UseDegreesF="False" UseMPH="True" UsePsi="True" MaxBoost="13" MinBoost="1" MaxSpeed="80.53" HasAbsLight="False" HasStmLight="False" HasTcsLight="False" HasGAccelX="False" HasGAccelY="False" HasShiftLights="False" HasTextTach="False" HasLapPlaceInfo="False" HasTextBoost="False" HasTextGAccel="False" HasTextOdometer="True" HasTextFuel="False" MaxFuel="62.838" MinGear="-1" MaxGear="6" MaxRpm="8000"></local:DigitalGaugeConfig>
        
		<Storyboard x:Key="Tach">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Needle_Tach">
				<EasingDoubleKeyFrame KeyTime="0" Value="43.022"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="316.9"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="Start Up Animation">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Start_Up_Mask">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="Fuel Gauge">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Fuel_Arrow">
				<EasingDoubleKeyFrame KeyTime="0" Value="28.477"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="-28.618"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="Speedo Analog">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Needle_Speed">
				<EasingDoubleKeyFrame KeyTime="0" Value="44.863"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="315.09"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</Page.Resources>
	<Page.Triggers>
		<EventTrigger RoutedEvent="FrameworkElement.Loaded" SourceName="LayoutRoot">
			<BeginStoryboard Storyboard="{StaticResource Fuel Gauge}"/>
			<BeginStoryboard Storyboard="{StaticResource Speedo Analog}"/>
		</EventTrigger>
	</Page.Triggers>
	  

	<Canvas x:Name="LayoutRoot" Background="Transparent" Width="1280" Height="720">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="NightDaySplit">
				<VisualState x:Name="Day"/>
				<VisualState x:Name="Night"/>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
        <Rectangle x:Name="Background_Black" Fill="Black" Height="720" Width="1280" Canvas.Left="0" Canvas.Top="0"/>
		<Rectangle x:Name="Background_Grey" Fill="Black" Height="600" Canvas.Top="7" Width="1280"/>
		<Image x:Name="Graphics_Main" Height="354" Canvas.Left="72.083" Source="game:/media/cars/LR_Velar_18/UI/Textures/LR_Velar_18_Graphics.png" Stretch="Fill" Canvas.Top="38.168" Width="1136"/>
		<Image x:Name="CenterStack_Logo" Height="150" Canvas.Left="498.083" Source="game:/media/cars/LR_Velar_18/UI/Textures/LR_Velar_18_Logo.png" Stretch="Fill" Canvas.Top="499" Width="284" RenderTransformOrigin="0.5,0.5"/>
		<Canvas x:Name="Fuel_Animation" Height="720" Canvas.Left="0" Canvas.Top="-145" Width="1280">
			<Image x:Name="Fuel_Arrow" Height="14" Canvas.Left="307.334" Source="game:/media/cars/LR_Velar_18/UI/Textures/LR_Velar_18_Arrow.png" Stretch="Fill" Canvas.Top="491.665" Width="12" RenderTransformOrigin="0.5,-9.69">
				<Image.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="28.477"/>
						<TranslateTransform/>
					</TransformGroup>
				</Image.RenderTransform>
			</Image>
			<Image x:Name="Temperature_Arrow" Height="14" Canvas.Left="961.095" Source="game:/media/cars/LR_Velar_18/UI/Textures/LR_Velar_18_Arrow.png" Stretch="Fill" Canvas.Top="491.665" Width="12" RenderTransformOrigin="0.5,-9.69">
				<Image.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="6.786"/>
						<TranslateTransform/>
					</TransformGroup>
				</Image.RenderTransform>
			</Image>
		</Canvas>
		<Canvas x:Name="Speedo" Height="720" Canvas.Left="0" Canvas.Top="-145" Width="1280">
			<Image x:Name="Needle_Speed" Height="58" Canvas.Left="308.5" Source="game:/media/cars/LR_Velar_18/UI/Textures/LR_Velar_18_Needle.png" Stretch="Fill" Canvas.Top="466.25" Width="9" RenderTransformOrigin="0.5,-1.897">
				<Image.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="44.863"/>
						<TranslateTransform/>
					</TransformGroup>
				</Image.RenderTransform>
			</Image>
		</Canvas>
		<Canvas x:Name="Tach" Height="720" Canvas.Left="0" Canvas.Top="-145" Width="1280">
			<Image x:Name="Needle_Tach" Height="58" Canvas.Left="962.542" Source="game:/media/cars/LR_Velar_18/UI/Textures/LR_Velar_18_Needle.png" Stretch="Fill" Canvas.Top="466.25" Width="9" RenderTransformOrigin="0.5,-1.897">
				<Image.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="43.022"/>
						<TranslateTransform/>
					</TransformGroup>
				</Image.RenderTransform>
			</Image>
		</Canvas>
		<Canvas x:Name="Text" Height="720" Width="1280" Canvas.Top="-145">
			<local:FastTextBlock x:Name="Text_Clock" Canvas.Left="328" Canvas.Top="181.5" Text="{Binding Time}" FontSize="18.667" Style="{StaticResource TextBlockStyle}" Width="120" FontFamily="DG1_Arial" Foreground="White" RenderTransformOrigin="0.5,0.5" TextAlignment="Right" Opacity="0.5"/>
			<local:FastTextBlock x:Name="Text_Speed" Canvas.Left="213" Canvas.Top="320.222" Text="{Binding Speed}" FontSize="53.333" Style="{StaticResource TextBlockStyle}" Width="200" FontFamily="DG1_Arial" Foreground="White" RenderTransformOrigin="0.5,0.5" TextAlignment="Center"/>
			<local:FastTextBlock x:Name="Text_Ext_Temp" Canvas.Left="704" Canvas.Top="181.5" Text="{Binding ExternalTemp}" FontSize="18.667" Style="{StaticResource TextBlockStyle}" Width="120" FontFamily="DG1_Arial" Foreground="White" RenderTransformOrigin="0.5,0.5" TextAlignment="Right" Opacity="0.5"/>
			<local:FastTextBlock x:Name="Text_Gear" Canvas.Left="867" Canvas.Top="320.222" Text="{Binding Gear}" FontSize="53.333" Style="{StaticResource TextBlockStyle}" Width="200" FontFamily="DG1_Arial" Foreground="White" RenderTransformOrigin="0.5,0.5" TextAlignment="Center"/>
			<local:FastTextBlock x:Name="Text_Odo" Canvas.Left="368" Canvas.Top="513" Text="{Binding Odometer}" FontSize="20" Style="{StaticResource TextBlockStyle}" Width="120" FontFamily="DG1_Arial" Foreground="White" RenderTransformOrigin="0.5,0.5" TextAlignment="Right"/>
		</Canvas>
        <Rectangle x:Name="Start_Up_Mask" Fill="Black" Height="720" Stroke="Black" Width="1280" Opacity="0"/>
		
				<!-- Storyboard binding controllers -->
		<local:StoryboardController SeekPct="{Binding Tach}" Target="{StaticResource Tach}"/>
		<local:StoryboardController SeekPct="{Binding Fuel}" Target="{StaticResource Fuel Gauge}"/>
		<local:StoryboardController SeekPct="{Binding AnalogSpeed}" Target="{StaticResource Speedo Analog}"/>
	
		
	</Canvas>
</Page>