<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.POR_Cayenne_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="False" UsePsi="False" MaxBoost="5" MinBoost="-0" MaxSpeed="69.5" HasAbsLight="False" HasStmLight="False" HasTcsLight="False" HasGAccelX="True" HasGAccelY="True" HasShiftLights="False" HasTextTach="False" HasLapPlaceInfo="False" HasTextBoost="True" HasTextGAccel="False" HasTextOdometer="True" HasTextFuel="False" MaxFuel="15" MaxGear="8" MaxRpm="10000"></local:DigitalGaugeConfig>
		<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_Fill_White">
				<EasingDoubleKeyFrame KeyTime="0" Value="-36.684"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="35.927"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Fuel_Fill_Red">
				<EasingDoubleKeyFrame KeyTime="0" Value="-35.69"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.146" Value="-26.082794"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="Speedo Analog">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Needle">
				<EasingDoubleKeyFrame KeyTime="0" Value="70.867"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="220.199"/>
			</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="97.236"/>
			</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="-95.904"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</Page.Resources>
	<Page.Triggers>
		<EventTrigger RoutedEvent="FrameworkElement.Loaded">
			<BeginStoryboard Storyboard="{StaticResource Fuel Gauge}"/>
			<BeginStoryboard Storyboard="{StaticResource Speedo Analog}"/>
			<BeginStoryboard Storyboard="{StaticResource G Accel Horizontal}"/>
			<BeginStoryboard Storyboard="{StaticResource G Accel Vertical}"/>
		</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_Grey" Fill="Black" Height="720" Width="1280" Canvas.Left="0" Canvas.Top="0"/>
        <Canvas x:Name="Fuel_Animation" Height="393" Canvas.Left="657.5" Canvas.Top="355.5" Width="403">
        	<Rectangle x:Name="Fuel_Fill_White" Fill="#FFBEC2E1" Height="140" Canvas.Left="61" Canvas.Top="57.5" Width="140" RenderTransformOrigin="1,1">
        		<Rectangle.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform/>
        				<SkewTransform/>
        				<RotateTransform Angle="-36.684"/>
        				<TranslateTransform/>
        			</TransformGroup>
        		</Rectangle.RenderTransform>
        	</Rectangle>
        	<Rectangle x:Name="Fuel_Fill_Red" Fill="#FFF72724" Height="140" Canvas.Left="61" Canvas.Top="57.5" Width="140" RenderTransformOrigin="1,1">
        		<Rectangle.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform/>
        				<SkewTransform/>
        				<RotateTransform Angle="-35.69"/>
        				<TranslateTransform/>
        			</TransformGroup>
        		</Rectangle.RenderTransform>
        	</Rectangle>
        	<Rectangle x:Name="Mask_Top" Fill="Black" Height="144" Canvas.Left="62.5" Canvas.Top="-78.5" Width="465"/>
        	<Rectangle x:Name="Mask_Left" Fill="Black" Height="424" Canvas.Left="-81.5" Canvas.Top="-78.5" Width="144"/>
        	<Rectangle x:Name="Mask_Boost" Fill="Black" Height="20.5" Canvas.Left="-34.5" Canvas.Top="344" Width="609"/>
        </Canvas>
		<Image x:Name="Graphics_Left" Height="281" Canvas.Left="108.5" Source="game:/media/cars/POR_Cayenne_18/UI/Textures/POR_Cayenne_18_Graphics_L.png" Stretch="Fill" Canvas.Top="420" Width="465" Opacity="0.985"/>
		<Image x:Name="Graphics_Right" Height="281" Canvas.Left="720" Source="game:/media/cars/POR_Cayenne_18/UI/Textures/POR_Cayenne_18_Graphics_R.png" Stretch="Fill" Canvas.Top="420" Width="465"/>
		<Image x:Name="Center_Stack_Badge" Height="261" Canvas.Left="269" Source="game:/media/cars/POR_Cayenne_18/UI/Textures/POR_MecanTurbo_15_Badge.png" Stretch="Fill" Width="350" RenderTransformOrigin="0.5,0.5" Canvas.Top="58">
			<Image.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="0.65" ScaleY="0.65"/>
					<SkewTransform/>
					<RotateTransform/>
					<TranslateTransform/>
				</TransformGroup>
			</Image.RenderTransform>
		</Image>
		<Canvas x:Name="G_Meter" Height="12" Canvas.Left="804" Canvas.Top="594.287" Width="12">
			<Canvas x:Name="Vertical" Height="12" Canvas.Left="0" Canvas.Top="0" Width="12" RenderTransformOrigin="0.5,0.5">
				<Canvas.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</Canvas.RenderTransform>
				<Canvas x:Name="Horizontal" Height="12" Canvas.Left="0" Canvas.Top="0" Width="12" RenderTransformOrigin="0.5,0.5">
					<Canvas.RenderTransform>
						<TransformGroup>
							<ScaleTransform/>
							<SkewTransform/>
							<RotateTransform/>
							<TranslateTransform/>
						</TransformGroup>
					</Canvas.RenderTransform>
					<Image x:Name="Marker" Height="12" Canvas.Left="0" Source="game:/media/cars/POR_Cayenne_18/UI/Textures/POR_Cayenne_18_marker.png" Stretch="Fill" Canvas.Top="0" Width="12"/>
				</Canvas>
			</Canvas>
		</Canvas>
		<Canvas x:Name="Speedo" Height="290" Canvas.Left="287" Canvas.Top="404" Width="290">
			<Image x:Name="Needle" Height="34" Canvas.Left="145" Source="game:/media/cars/POR_Cayenne_18/UI/Textures/POR_Panamera_17_needle.png" Stretch="Fill" Canvas.Top="243.5" Width="5" RenderTransformOrigin="0.5,-2.8">
				<Image.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="70.867"/>
						<TranslateTransform/>
					</TransformGroup>
				</Image.RenderTransform>
			</Image>
		</Canvas>
		<Canvas x:Name="Text" Height="720" Width="1280">
			<local:FastTextBlock x:Name="Text_Odometer" Canvas.Left="357" Canvas.Top="556.5" Text="{Binding Odometer}" Width="150" FontSize="17.333" Style="{StaticResource TextBlockStyle}" FontFamily="Moire" RenderTransformOrigin="0.5,0.5" Foreground="White">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.95"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_TripMeter" Canvas.Left="357" Canvas.Top="572" Text="{Binding TripMeter}" Width="150" FontSize="17.333" Style="{StaticResource TextBlockStyle}" FontFamily="Moire" RenderTransformOrigin="0.5,0.5" Foreground="White">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.95"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_Clock_Dashboard" Canvas.Left="1018" Canvas.Top="112" Text="{Binding Time}" Width="150" FontSize="34.667" Style="{StaticResource TextBlockStyle}" FontFamily="DG5_QuartzMS" RenderTransformOrigin="0.5,0.5" Foreground="White"/>
			<local:FastTextBlock x:Name="Text_Clock_Gauges" Canvas.Left="978" Canvas.Top="573" Text="{Binding Time}" Width="150" FontSize="30.667" Style="{StaticResource TextBlockStyle}" FontFamily="Moire" RenderTransformOrigin="0.5,0.5" Foreground="White"/>
			<local:FastTextBlock x:Name="Text_External_Temp" Canvas.Left="80" Canvas.Top="569" Text="{Binding ExternalTemp}" Width="150" FontSize="21.333" Style="{StaticResource TextBlockStyle}" FontFamily="Moire" RenderTransformOrigin="0.5,0.5" Foreground="White"/>
			<local:FastTextBlock x:Name="Text_Speed" Canvas.Left="960" Canvas.Top="282.923" Text="{Binding Speed}" Width="200" FontSize="48" Style="{StaticResource TextBlockStyle}" FontFamily="Moire" RenderTransformOrigin="0.5,0.5" Foreground="White">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="1.2"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<local:FastTextBlock x:Name="Text_Gear" Canvas.Left="1159" Canvas.Top="324.733" Text="{Binding Gear}" Width="120" FontSize="26.667" Style="{StaticResource TextBlockStyle}" FontFamily="Moire" RenderTransformOrigin="0.5,0.5" Foreground="#FFC00319" TextAlignment="Center">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="1.1"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
			<Image x:Name="Graphics_Gear" Height="64" Canvas.Left="1181" Source="game:/media/cars/POR_Cayenne_18/UI/Textures/POR_Panamera_17_Gears.png" Stretch="Fill" Canvas.Top="296" Width="25"/>
			<local:FastTextBlock x:Name="Text_Boost" Canvas.Left="753.332" Canvas.Top="643.33" Text="{Binding BoostText}" Width="100" FontSize="16" Style="{StaticResource TextBlockStyle}" FontFamily="Moire" RenderTransformOrigin="0.5,0.5" Foreground="White">
				<local:FastTextBlock.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="1.1"/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</local:FastTextBlock.RenderTransform>
			</local:FastTextBlock>
		</Canvas>
        <Rectangle x:Name="Start_Up_Mask" Fill="Black" Height="720" Stroke="Black" Width="1280" Canvas.Left="0" Canvas.Top="0" 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 GAccelY}" Target="{StaticResource G Accel Vertical}"/>
	</Canvas>
</Page>