<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.VIP_Viper_13">
	
    <Page.Resources>
        <Style x:Key="TextBlockStyle" TargetType="{x:Type TextBlock}">
            <Setter Property="FontFamily" Value="Moire"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="TextWrapping" Value="Wrap"/>
            <Setter Property="TextAlignment" Value="Right"/>
        </Style>
		
		<local:DigitalGaugeConfig x:Key="Config" HasTachMem="True" 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="7000"></local:DigitalGaugeConfig>
        
		<Storyboard x:Key="Tach">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Tach_Needle">
				<EasingDoubleKeyFrame KeyTime="0" Value="-120"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="119.914"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Redline_Glow">
				<EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.9" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Redline_Snake">
				<EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.9" 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>
		<Storyboard x:Key="Memory Tach">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Tach_Memory_Needle">
				<EasingDoubleKeyFrame KeyTime="0" Value="-120"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="120.154"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Tach_Memory_Needle">
				<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</Page.Resources>
	<Page.Triggers>
		<EventTrigger RoutedEvent="FrameworkElement.Loaded">
			<BeginStoryboard Storyboard="{StaticResource Memory Tach}"/>
		</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="Black_Background" Fill="Black" Height="720" Stroke="Black" Width="1280" Canvas.Top="0"/>

        <Canvas x:Name="Tach" Canvas.Left="384.667" Canvas.Top="105" Height="512" Width="512">
            <Image x:Name="Redline_Glow" Height="578" Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_Tach_Glow.PNG" Stretch="Fill" Width="750" Canvas.Left="-119" Canvas.Top="-49.664" RenderTransformOrigin="0.5,0.5" Opacity="0">
            	<Image.RenderTransform>
            		<TransformGroup>
            			<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
            			<SkewTransform/>
            			<RotateTransform/>
            			<TranslateTransform/>
            		</TransformGroup>
            	</Image.RenderTransform>
            </Image>
            <Image x:Name="Tach_Graphics" Height="668" Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_Tach_Graphics.PNG" Stretch="Fill" Width="996" Canvas.Left="-242" Canvas.Top="-76.5" RenderTransformOrigin="0.5,0.5">
            	<Image.RenderTransform>
            		<TransformGroup>
            			<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
            			<SkewTransform/>
            			<RotateTransform/>
            			<TranslateTransform/>
            		</TransformGroup>
            	</Image.RenderTransform>
            </Image>
            <Canvas x:Name="Tach_Needle" Height="84" Canvas.Left="214" Canvas.Top="243.5" Width="84" RenderTransformOrigin="0.5,0.5">
            	<Canvas.RenderTransform>
            		<TransformGroup>
            			<ScaleTransform/>
            			<SkewTransform/>
            			<RotateTransform Angle="-120"/>
            			<TranslateTransform/>
            		</TransformGroup>
            	</Canvas.RenderTransform>
            	<Image x:Name="Tach_Hub" Height="156" Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_TachGauge_Hub.PNG" Stretch="Fill" Width="156" Canvas.Left="-36.01" Canvas.Top="-36.015" RenderTransformOrigin="0.5,0.5">
            		<Image.RenderTransform>
            			<TransformGroup>
            				<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
            				<SkewTransform/>
            				<RotateTransform/>
            				<TranslateTransform/>
            			</TransformGroup>
            		</Image.RenderTransform>
            	</Image>
            	<Image x:Name="Needle" Canvas.Left="30.001" Canvas.Top="-183.664" Height="211"  Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_TachGauge_Needle.PNG" Stretch="Fill" Width="24" 
            		RenderTransformOrigin="0.5,0.202">
            		<Image.RenderTransform>
            			<TransformGroup>
            				<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
            				<SkewTransform/>
            				<RotateTransform/>
            				<TranslateTransform/>
            			</TransformGroup>
            		</Image.RenderTransform>
            	</Image>
            </Canvas>
            <Image x:Name="Redline_Snake" Height="668" Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_Tach_Redline.PNG" Stretch="Fill" Width="996" Canvas.Left="-242" Canvas.Top="-76.5" RenderTransformOrigin="0.5,0.5" Opacity="0">
            	<Image.RenderTransform>
            		<TransformGroup>
            			<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
            			<SkewTransform/>
            			<RotateTransform/>
            			<TranslateTransform/>
            		</TransformGroup>
            	</Image.RenderTransform>
            </Image>
		</Canvas>
        <Canvas x:Name="Tach_Memory" Canvas.Left="384.667" Canvas.Top="105" Height="512" Width="512">
        	<Canvas x:Name="Tach_Memory_Needle" Height="84" Canvas.Left="214" Canvas.Top="243.5" Width="84" RenderTransformOrigin="0.5,0.5" Opacity="0">
        		<Canvas.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform/>
        				<SkewTransform/>
        				<RotateTransform Angle="-120"/>
        				<TranslateTransform/>
        			</TransformGroup>
        		</Canvas.RenderTransform>
        		<Image x:Name="Memory_Needle" Canvas.Left="22.001" Canvas.Top="-187.664" Height="172"  Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_TachGauge_MemoryNeedle.PNG" Stretch="Fill" Width="40" 
        			RenderTransformOrigin="0.5,0.202">
        			<Image.RenderTransform>
        				<TransformGroup>
        					<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
        					<SkewTransform/>
        					<RotateTransform/>
        					<TranslateTransform/>
        				</TransformGroup>
        			</Image.RenderTransform>
        		</Image>
        	</Canvas>
        </Canvas>
        <Image x:Name="Trip_Graphics" Canvas.Left="308.5" Canvas.Top="212" Height="372" Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_Trip_Graphics.PNG" Stretch="Fill" Width="132" RenderTransformOrigin="0.5,0.5">
        	<Image.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
        			<SkewTransform/>
        			<RotateTransform/>
        			<TranslateTransform/>
        		</TransformGroup>
        	</Image.RenderTransform>
        </Image>
        <Image x:Name="Fuel_Graphics" Canvas.Left="986.5" Canvas.Top="196.5" Height="410" Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_Fuel.PNG" Stretch="Fill" Width="292"/>
        <Image x:Name="Speedo_Graphics" Canvas.Left="4.5" Canvas.Top="196.5" Height="410" Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_Speedo.PNG" Stretch="Fill" Width="292"/>
        <Image x:Name="Oil_Pressure_Graphics" Canvas.Left="840" Canvas.Top="212" Height="372" Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_OilPres_Graphics.PNG" Stretch="Fill" Width="132" RenderTransformOrigin="0.5,0.5">
        	<Image.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
        			<SkewTransform/>
        			<RotateTransform/>
        			<TranslateTransform/>
        		</TransformGroup>
        	</Image.RenderTransform>
        </Image>
        <Canvas x:Name="Oil_Pressure" Canvas.Left="1023.5" Canvas.Top="379.5" Height="40" Width="40" RenderTransformOrigin="0.5,0.5">
        	<Canvas.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform/>
        			<SkewTransform/>
        			<RotateTransform Angle="9.114"/>
        			<TranslateTransform/>
        		</TransformGroup>
        	</Canvas.RenderTransform>
        	<Image x:Name="Temp_Needle" Canvas.Left="-138.499" Canvas.Top="1.336" Height="90"  Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_TempGauge_Needle.PNG" Stretch="Fill" Width="12" 
        		RenderTransformOrigin="0.5,0.202">
        		<Image.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
        				<SkewTransform/>
        				<RotateTransform Angle="-90"/>
        				<TranslateTransform/>
        			</TransformGroup>
        		</Image.RenderTransform>
        	</Image>
		</Canvas>
		<Canvas x:Name="Text" Height="720" Width="1280">
			<TextBlock x:Name="Text_Trip_Odo" Canvas.Left="555.709" Canvas.Top="526" Text="{Binding TripMeter}" Width="98.333" FontSize="21.333" Style="{StaticResource TextBlockStyle}" FontFamily="DG1_Arial"/>
		</Canvas>
        <Image x:Name="Baked_Text_mi" Canvas.Left="651.583" Canvas.Top="525.583" Height="26" Source="game:/media/cars/VIP_Viper_13/UI/Textures/VIP_Viper_13_txt_mi.PNG" Stretch="Fill" Width="38" RenderTransformOrigin="0.5,0.5">
        	<Image.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform ScaleX="0.54" ScaleY="0.54"/>
        			<SkewTransform/>
        			<RotateTransform/>
        			<TranslateTransform/>
        		</TransformGroup>
        	</Image.RenderTransform>
        </Image>
        <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 Tach}" Target="{StaticResource Tach}"/>
		<local:StoryboardController SeekPct="{Binding TachMem}" Target="{StaticResource Memory Tach}"/>
	</Canvas>
</Page>