<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.FER_F50_95">
	
    <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="False" HasExternalTemp="False" UseDegreesF="True" UseMPH="True" UsePsi="True" MaxBoost="13" MinBoost="1" MaxSpeed="120" 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="20" MaxGear="8" MaxRpm="10000"></local:DigitalGaugeConfig>
		<Storyboard x:Key="Fuel Gauge">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="Orange_Animation">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1.95"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="2.85"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="Green_Animation">
				<EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="2.9"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="3.65"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="4.4"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="5.2"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="6.05"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="6.85"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="7.75"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="Green_Animation">
				<EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="1.131"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Bar_1">
				<EasingDoubleKeyFrame KeyTime="0" Value="0.25"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Bar_2">
				<EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="0.25"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Bar_3">
				<EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="0.25"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Bar_4">
				<EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0.25"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Bar_5">
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0.25"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Bar_6">
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0.25"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Bar_7">
				<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0.25"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Bar_8">
				<EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0.25"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Fuel_Icon_Orange">
				<EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Fuel_Icon_Green">
				<EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="1"/>
			</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>
	</Page.Resources>
	  

	<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.Top="1"/>
        <Canvas x:Name="Fuel_Background_Anim" Height="100" Canvas.Left="426" Canvas.Top="180" Width="200">
        	<Rectangle x:Name="Green_Background" Fill="#FF66BDAA" Height="65.333" Width="200" Canvas.Left="7.992" Canvas.Top="0.195" RenderTransformOrigin="0.5,1" Opacity="0.25"/>
        	<Rectangle x:Name="Orange_Background" Height="10" Width="200" Canvas.Left="0" Canvas.Top="85.5" RenderTransformOrigin="0.5,1" Opacity="0.25" Fill="#FFEF8E1D">
        		<Rectangle.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform ScaleY="3"/>
        				<SkewTransform/>
        				<RotateTransform/>
        				<TranslateTransform/>
        			</TransformGroup>
        		</Rectangle.RenderTransform>
        	</Rectangle>
        	<Rectangle x:Name="Green_Animation" Fill="#FF66BDAA" Height="10" Width="200" Canvas.Left="0" Canvas.Top="85.5" RenderTransformOrigin="0.5,1">
        		<Rectangle.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform/>
        				<SkewTransform/>
        				<RotateTransform/>
        				<TranslateTransform/>
        			</TransformGroup>
        		</Rectangle.RenderTransform>
        	</Rectangle>
        	<Rectangle x:Name="Orange_Animation" Fill="#FFEF8E1D" Height="10" Width="200" Canvas.Left="0" Canvas.Top="85" RenderTransformOrigin="0.5,1">
        		<Rectangle.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform/>
        				<SkewTransform/>
        				<RotateTransform/>
        				<TranslateTransform/>
        			</TransformGroup>
        		</Rectangle.RenderTransform>
        	</Rectangle>
        </Canvas>
        <Image x:Name="Gauges_Graphics" Canvas.Left="228" Canvas.Top="104" Height="512" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Bckgrd_LG.PNG" Stretch="Fill" Width="1024"/>
        <Rectangle x:Name="Odo_Background" Fill="#FF331207" Height="70" Canvas.Left="1046" Stroke="Black" Canvas.Top="496" Width="84"/>
        <Canvas x:Name="Fuel_Bars" Canvas.Left="354.5" Canvas.Top="151" Height="168" Width="256">
        	<Image x:Name="Bar_1" Height="8" Canvas.Left="122" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Bar1.png" Stretch="Fill" Canvas.Top="106" Width="64" Opacity="0.25"/>
        	<Image x:Name="Bar_2" Height="8" Canvas.Left="128" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Bar2.png" Stretch="Fill" Canvas.Top="96" Width="64" Opacity="0.25"/>
        	<Image x:Name="Bar_3" Height="8" Canvas.Left="149" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Bar3.png" Stretch="Fill" Canvas.Top="88" Width="32" Opacity="0.25"/>
        	<Image x:Name="Bar_4" Height="8" Canvas.Left="156" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Bar4.png" Stretch="Fill" Canvas.Top="80" Width="32" Opacity="0.25"/>
        	<Image x:Name="Bar_5" Height="8" Canvas.Left="161" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Bar5.png" Stretch="Fill" Canvas.Top="72" Width="32" Opacity="0.25"/>
        	<Image x:Name="Bar_6" Height="8" Canvas.Left="169" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Bar6.png" Stretch="Fill" Canvas.Top="64" Width="32" Opacity="0.25"/>
        	<Image x:Name="Bar_7" Height="8" Canvas.Left="176" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Bar7.png" Stretch="Fill" Canvas.Top="56" Width="32" Opacity="0.25"/>
        	<Image x:Name="Bar_8" Height="8" Canvas.Left="182" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Bar8.png" Stretch="Fill" Canvas.Top="48" Width="32" Opacity="0.25"/>
        	<Image x:Name="Fuel_Icon_Orange" Height="32" Canvas.Left="60.669" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Icon.png" Stretch="Fill" Canvas.Top="53.332" Width="32"/>
        	<Image x:Name="Fuel_Icon_Green" Height="32" Canvas.Left="60.669" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Fuel_Icon_2.png" Stretch="Fill" Canvas.Top="53.332" Width="32" Opacity="0"/>
		</Canvas>
        <Canvas x:Name="Water_Temp" Canvas.Left="343.5" Canvas.Top="456" Width="220" Height="40" >
        	<Rectangle x:Name="Background8" Fill="#FFDA2121" Height="14" Canvas.Left="186" Stroke="Black" Canvas.Top="13" Width="24" Opacity="0.25"/>
        	<Rectangle x:Name="Background7" Fill="#FFDA2121" Height="14" Canvas.Left="161" Stroke="Black" Canvas.Top="13" Width="24" Opacity="0.25"/>
        	<Rectangle x:Name="Background6" Fill="#FF66BDAA" Height="14" Canvas.Left="136" Stroke="Black" Canvas.Top="13" Width="24" Opacity="0.25"/>
        	<Rectangle x:Name="Background5" Fill="#FF66BDAA" Height="14" Canvas.Left="111" Stroke="Black" Canvas.Top="13" Width="24"/>
        	<Rectangle x:Name="Background4" Fill="#FF66BDAA" Height="14" Canvas.Left="86" Stroke="Black" Canvas.Top="13" Width="24"/>
        	<Rectangle x:Name="Background3" Fill="#FF66BDAA" Height="14" Canvas.Left="61" Stroke="Black" Canvas.Top="13" Width="24"/>
        	<Rectangle x:Name="Background2" Fill="#FF66BDAA" Height="14" Canvas.Left="36" Stroke="Black" Canvas.Top="13" Width="24"/>
        	<Rectangle x:Name="Background1" Fill="#FF66BDAA" Height="14" Canvas.Left="10" Stroke="Black" Canvas.Top="13" Width="24"/>
        </Canvas>
        <Canvas x:Name="Oil_Pressure" Canvas.Left="336.5" Canvas.Top="314" Height="30" Width="200">
        	<Image x:Name="Dot_1" Height="16" Canvas.Left="13" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16"/>
        	<Image x:Name="Dot_2" Height="16" Canvas.Left="26" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16"/>
        	<Image x:Name="Dot_3" Height="16" Canvas.Left="39" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16"/>
        	<Image x:Name="Dot_4" Height="16" Canvas.Left="52" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16"/>
        	<Image x:Name="Dot_5" Height="16" Canvas.Left="65" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16"/>
        	<Image x:Name="Dot_6" Height="16" Canvas.Left="78" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16"/>
        	<Image x:Name="Dot_7" Height="16" Canvas.Left="92" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16"/>
        	<Image x:Name="Dot_8" Height="16" Canvas.Left="105" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16"/>
        	<Image x:Name="Dot_9" Height="16" Canvas.Left="117" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16" Opacity="0.25"/>
        	<Image x:Name="Dot_10" Height="16" Canvas.Left="130" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16" Opacity="0.25"/>
        	<Image x:Name="Dot_11" Height="16" Canvas.Left="143" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval.png" Stretch="Fill" Canvas.Top="5" Width="16" Opacity="0.25"/>
        	<Image x:Name="Dot_12" Height="16" Canvas.Left="156" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval_2.png" Stretch="Fill" Canvas.Top="5" Width="16" Opacity="0.25"/>
        	<Image x:Name="Dot_13" Height="16" Canvas.Left="169" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_OilPressure_Oval_2.png" Stretch="Fill" Canvas.Top="5" Width="16" Opacity="0.25"/>
        </Canvas>
        <Canvas x:Name="Gear_Graphics" Height="80" Width="80" Canvas.Left="718" Canvas.Top="356.5">
        	<local:FastTextBlock x:Name="Text_Gear_Background" Canvas.Left="16" Canvas.Top="11" Text="8" Width="50" FontSize="45.333" Style="{StaticResource TextBlockStyle}" FontFamily="DG5_QuartzMS" Foreground="#FFFDF60D" TextAlignment="Center" Opacity="0.25"/>
        	<Image x:Name="Bottom" Height="16" Canvas.Left="25" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Gear_Bckgd.png" Stretch="Fill" Canvas.Top="59" Width="32"/>
        	<Image x:Name="Top" Height="16" Canvas.Left="24" Source="game:/media/cars/FER_F50_95/UI/Textures/FER_F50_Gear_Bckgd.png" Stretch="Fill" Canvas.Top="9.013" Width="32" RenderTransformOrigin="0.5,0.5">
        		<Image.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform/>
        				<SkewTransform/>
        				<RotateTransform Angle="-180"/>
        				<TranslateTransform/>
        			</TransformGroup>
        		</Image.RenderTransform>
        	</Image>
        </Canvas>
		<Canvas x:Name="Text" Height="720" Width="1280">
            <local:FastTextBlock x:Name="Text_Gear" Canvas.Left="733.542" Canvas.Top="371.336" Text="{Binding Gear}" Width="50" FontSize="45.333" Style="{StaticResource TextBlockStyle}" FontFamily="DG5_QuartzMS" Foreground="#FFFDF60D" TextAlignment="Center"/>
            <local:FastTextBlock x:Name="Text_Odometer" Canvas.Left="1051.183" Canvas.Top="535.511" Text="{Binding Odometer}" Width="80" FontSize="18.667" Style="{StaticResource TextBlockStyle}" FontFamily="DG5_QuartzMS" RenderTransformOrigin="0.5,0.5" Foreground="#FFFDF60D">
            	<local:FastTextBlock.RenderTransform>
            		<TransformGroup>
            			<ScaleTransform ScaleX="0.95" ScaleY="1.4"/>
            			<SkewTransform/>
            			<RotateTransform/>
            			<TranslateTransform/>
            		</TransformGroup>
            	</local:FastTextBlock.RenderTransform>
            </local:FastTextBlock>
		</Canvas>
        <Canvas x:Name="Oil_Temp" Canvas.Left="313.5" Canvas.Top="379" Width="220" Height="40" >
        	<Rectangle x:Name="Background9" Fill="#FFDA2121" Height="14" Canvas.Left="182" Stroke="Black" Canvas.Top="13" Width="23" Opacity="0.25"/>
        	<Rectangle x:Name="Background10" Fill="#FFDA2121" Height="14" Canvas.Left="158" Stroke="Black" Canvas.Top="13" Width="23" Opacity="0.25"/>
        	<Rectangle x:Name="Background11" Fill="#FF66BDAA" Height="14" Canvas.Left="134" Stroke="Black" Canvas.Top="13" Width="23" Opacity="0.25"/>
        	<Rectangle x:Name="Background12" Fill="#FF66BDAA" Height="14" Canvas.Left="110" Stroke="Black" Canvas.Top="13" Width="23"/>
        	<Rectangle x:Name="Background13" Fill="#FF66BDAA" Height="14" Canvas.Left="86" Stroke="Black" Canvas.Top="13" Width="23"/>
        	<Rectangle x:Name="Background14" Fill="#FF66BDAA" Height="14" Canvas.Left="62" Stroke="Black" Canvas.Top="13" Width="23"/>
        	<Rectangle x:Name="Background15" Fill="#FF66BDAA" Height="14" Canvas.Left="38" Stroke="Black" Canvas.Top="13" Width="23"/>
        </Canvas>
        <Rectangle x:Name="Start_Up_Mask" Fill="Black" Height="668" Stroke="Black" Width="1186" Canvas.Left="58" Canvas.Top="53" Opacity="0"/>
		
								<!-- Storyboard binding controllers -->
		<local:StoryboardController SeekPct="{Binding Fuel}" Target="{StaticResource Fuel Gauge}"/>
	</Canvas>
</Page>