<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"
    xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing"
    mc:Ignorable="d"
	x:Class="ForzaUI.POR_TaycanTurboS_20">
	
    <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="False" UsePsi="False" MaxBoost="13" MinBoost="1" MaxSpeed="83.33" HasAbsLight="False" HasStmLight="False" HasTcsLight="False" HasGAccelX="True" HasGAccelY="True" HasShiftLights="False" HasTextTach="False" HasLapPlaceInfo="True" HasTextBoost="False" HasTextGAccel="True" HasTextOdometer="True" HasTextFuel="False" MaxFuel="20.0" MinGear="-1" MaxGear="6" MaxRpm="8000"/>
        
		<Storyboard x:Key="Speedo Analog">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(ed:Arc.EndAngle)" Storyboard.TargetName="SpeedArc">
				<EasingDoubleKeyFrame KeyTime="0" Value="72"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="360"/>
			</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="(ed:Arc.StartAngle)" Storyboard.TargetName="Fuel">
				<EasingDoubleKeyFrame KeyTime="0" Value="-154"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="-207"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="G Accel Horizontal">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="Horizontal">
				<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="144.739"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="G Accel Vertical">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Vertical">
				<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="-144.072"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(ed:Arc.EndAngle)" Storyboard.TargetName="Power">
				<EasingDoubleKeyFrame KeyTime="0" Value="135"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.003" Value="135"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(ed:Arc.StartAngle)" Storyboard.TargetName="Charge">
				<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="-135"/>
			</DoubleAnimationUsingKeyFrames>
			<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Power">
				<DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
				<DiscreteObjectKeyFrame KeyTime="0:0:0.003" Value="{x:Static Visibility.Visible}"/>
			</ObjectAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="Boost Analog"/>
	</Page.Resources>
	<Page.Triggers>
		<EventTrigger RoutedEvent="FrameworkElement.Loaded" SourceName="LayoutRoot">
			<BeginStoryboard Storyboard="{StaticResource Fuel Gauge}"/>
			<BeginStoryboard Storyboard="{StaticResource G Accel Horizontal}"/>
			<BeginStoryboard Storyboard="{StaticResource G Accel Vertical}"/>
			<BeginStoryboard Storyboard="{StaticResource Boost 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="#FF151515" Height="262.667" Canvas.Top="17" Width="780.333" Canvas.Left="202.667"/>
		<Image x:Name="Graphics_Left" Height="205" Canvas.Left="173" Source="game:/media/cars/POR_TaycanTurboS_20/UI/Textures/POR_TaycanTubroS_20_gauge_stack_left.png" Stretch="Fill" Canvas.Top="300" Width="551"/>
		<Image x:Name="Graphics_Right" Height="205" Canvas.Left="173" Source="game:/media/cars/POR_TaycanTurboS_20/UI/Textures/POR_TaycanTubroS_20_gauge_stack_right.png" Stretch="Fill" Canvas.Top="509" Width="551"/>
		<Ellipse x:Name="ClockBG" Fill="#FF151515" Height="171" Canvas.Left="1083" Canvas.Top="314" Width="171"/>
		<Image x:Name="Graphics_Console" Height="387" Canvas.Left="733" Source="game:/media/cars/POR_TaycanTurboS_20/UI/Textures/POR_TaycanTubroS_20_gauge_console.png" Stretch="Fill" Canvas.Top="314" Width="272"/>
		<Canvas x:Name="Speed" Height="228" Canvas.Left="232" Canvas.Top="42.667" Width="228">
			<ed:Arc x:Name="SpeedArc" ArcThickness="1" ArcThicknessUnit="Percent" EndAngle="72" Height="222" Canvas.Left="3" Stretch="None" Canvas.Top="3" Width="222" Fill="White" RenderTransformOrigin="0.5,0.5" StartAngle="71">
				<ed:Arc.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="144"/>
						<TranslateTransform/>
					</TransformGroup>
				</ed:Arc.RenderTransform>
			</ed:Arc>
		</Canvas>
		<Canvas x:Name="CenterGauge" Height="246" Canvas.Left="477" Canvas.Top="23" Width="246">
			<Canvas x:Name="Vertical" Height="18" Canvas.Left="0" Canvas.Top="0" Width="18" RenderTransformOrigin="0.5,0.5" Visibility="Hidden">
				<Canvas.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</Canvas.RenderTransform>
				<Canvas x:Name="Horizontal" Height="18" Canvas.Left="0" Canvas.Top="0" Width="18" RenderTransformOrigin="0.5,0.5">
					<Canvas.RenderTransform>
						<TransformGroup>
							<ScaleTransform/>
							<SkewTransform/>
							<RotateTransform/>
							<TranslateTransform/>
						</TransformGroup>
					</Canvas.RenderTransform>
					<Image x:Name="Marker" Height="18" Canvas.Left="0" Source="game:/media/cars/POR_TaycanTurboS_20/UI/Textures/AUD_R8V10Plus_16_G_Meter.png" Stretch="Fill" Canvas.Top="0" Width="18"/>
				</Canvas>
			</Canvas>
			<ed:Arc x:Name="Charge" ArcThickness="1" ArcThicknessUnit="Percent" EndAngle="0" Height="246" Canvas.Left="0" Stretch="None" Canvas.Top="0" Width="246" Fill="#FF00DA1E" RenderTransformOrigin="0.5,0.5" StartAngle="-135">
				<ed:Arc.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</ed:Arc.RenderTransform>
			</ed:Arc>
			<ed:Arc x:Name="Power" ArcThickness="1" ArcThicknessUnit="Percent" EndAngle="135" Height="246" Canvas.Left="0" Stretch="None" Canvas.Top="0" Width="246" Fill="#FF0095DA" RenderTransformOrigin="0.5,0.5">
				<ed:Arc.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</ed:Arc.RenderTransform>
			</ed:Arc>
			<ed:Arc x:Name="Fuel" ArcThickness="1" ArcThicknessUnit="Percent" EndAngle="-153" Height="246" Canvas.Left="0" Stretch="None" Canvas.Top="0" Width="246" Fill="White" RenderTransformOrigin="0.5,0.5" StartAngle="-207"/>
		</Canvas>
		<Image x:Name="Graphics_Main" Height="289" Canvas.Left="11" Source="game:/media/cars/POR_TaycanTurboS_20/UI/Textures/POR_TaycanTubroS_20_gauge_main.png" Stretch="Fill" Canvas.Top="6" Width="1164"/>
		<Canvas x:Name="Text" Height="720" Width="1280">
			<local:FastTextBlock x:Name="Text_Clock_main" Canvas.Left="940.818" Canvas.Top="165.307" Text="{Binding Time}" FontSize="22.667" Style="{StaticResource TextBlockStyle}" Width="120" FontFamily="Moire" Foreground="#FFF6F6F6" RenderTransformOrigin="0.5,0.5" TextAlignment="Right">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.85"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_External_Temp" Canvas.Left="83.646" Canvas.Top="164.723" Text="{Binding ExternalTemp}" FontSize="22.667" Style="{StaticResource TextBlockStyle}" Width="120" FontFamily="Moire" Foreground="#FFF6F6F6" RenderTransformOrigin="0.5,0.5" TextAlignment="Right">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.85"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_Speed" Canvas.Left="527.463" Canvas.Top="116.993" Text="{Binding Speed}" FontSize="40" Style="{StaticResource TextBlockStyle}" Width="143.824" FontFamily="Moire" Foreground="#FFF6F6F6" RenderTransformOrigin="0.5,0.5" TextAlignment="Center">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.85"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_Gear" Canvas.Left="961.992" Canvas.Top="230.372" Text="{Binding Gear}" FontSize="40" Style="{StaticResource TextBlockStyle}" Width="53.182" FontFamily="Moire" Foreground="#FF00B0EF" RenderTransformOrigin="0.5,0.5" TextAlignment="Left">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.8"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_Lap_Current" Canvas.Left="774.2" Canvas.Top="107.739" Text="{Binding CurLapTime}" FontSize="21.333" Style="{StaticResource TextBlockStyle}" Width="148.236" FontFamily="Moire" Foreground="#FFF6F6F6" RenderTransformOrigin="0.5,0.5" TextAlignment="Right">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.85"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_Odometer" Canvas.Left="279.875" Canvas.Top="252.238" Text="{Binding Odometer}" FontSize="14.667" Style="{StaticResource TextBlockStyle}" Width="92.549" FontFamily="Moire" Foreground="#FFF6F6F6" RenderTransformOrigin="0.5,0.5" TextAlignment="Right">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.85"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_Clock_main_Stack" Canvas.Left="660.935" Canvas.Top="311.473" Text="{Binding Time}" FontSize="13.333" Style="{StaticResource TextBlockStyle}" Width="58.431" FontFamily="DG1_Arial" Foreground="#FFF6F6F6" RenderTransformOrigin="0.5,0.5" TextAlignment="Right">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.85"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_Lap_Fastest" Canvas.Left="774.2" Canvas.Top="178.989" Text="{Binding BestLapTime}" FontSize="21.333" Style="{StaticResource TextBlockStyle}" Width="148.236" FontFamily="Moire" Foreground="#FFF6F6F6" RenderTransformOrigin="0.5,0.5" TextAlignment="Right">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.85"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_Clock_CenterClock" Canvas.Left="1087.355" Canvas.Top="430.307" Text="{Binding Time}" FontSize="33.333" Style="{StaticResource TextBlockStyle}" Width="160.176" FontFamily="DG5_QuartzMS" Foreground="#FFF6F6F6" RenderTransformOrigin="0.455,0.48" TextAlignment="Center">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform X="1"/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
		</Canvas>
		<Rectangle x:Name="Start_Up_Mask" Fill="Black" Height="720" Stroke="Black" Width="1280" Opacity="0"/>
		
		<!-- Storyboard binding controllers -->
		<local:StoryboardController SeekPct="{Binding AnalogSpeed}" Target="{StaticResource Speedo Analog}"/>
		<local:StoryboardController SeekPct="{Binding Fuel}" Target="{StaticResource Fuel Gauge}"/>
		<local:StoryboardController SeekPct="{Binding GAccelX}" Target="{StaticResource G Accel Horizontal}"/>
		<local:StoryboardController SeekPct="{Binding BoostAnim}" Target="{StaticResource Boost Analog}"/>
		<local:StoryboardController SeekPct="{Binding GAccelY}" Target="{StaticResource G Accel Vertical}"/>
	
		
	</Canvas>
</Page>