<Page xmlns:local="clr-namespace:ForzaUI"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:System="clr-namespace:System;assembly=mscorlib"
      xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing"
      x:Class="ForzaUI.A_PhotoMode"
      FlowDirection="LeftToRight"
      mc:Ignorable="d"
      Style="{StaticResource A_Style_Page_Generic}"
      DataContext="{Binding RelativeSource={RelativeSource Self}}">

    <local:UIPageTransitionManager.TransitionManager>
        <local:UIPageTransitionManager Preset="{StaticResource A_UIPageTransitionManagerPreset_NoAudio_Instant}"/>
    </local:UIPageTransitionManager.TransitionManager>

    <Page.Resources>
        <ResourceDictionary>
            <!--Converters-->
            <local:NumUnitConverter x:Key="A_NumUnitConverter_OneDecimalConverter" FractionDigits="1"/>
            <local:NumUnitConverter x:Key="A_NumUnitConverter_TelephotoConverter" FractionDigits="1" FormatString="InGame.IDS_Photo_Mode_Zoom_Fmt"/>
            <local:NumUnitConverter x:Key="A_NumUnitConverter_EffectSettingScaleUp" FractionDigits="0" ShowUnit="False"/>

            <!--Colors -->
            <Color x:Key="A_Color_Slider_Foreground">#FFFFFFFF</Color>
            <Color x:Key="A_Color_Slider_Foreground_Deselected_Photomode">#40FFFFFF</Color>
            <Color x:Key="A_Color_Text_Telemetry">#FFFFFFFF</Color>
            <Color x:Key="A_Color_Text_TelemetrySelected">#FFFFFFFF</Color>

            <!-- Presets -->
            <FZMaterialPresetGlassRoundtangle x:Key="A_GlassRoundtangle_Options_Background" 
                                              BasedOn="{StaticResource A_FZMaterialPresetGlassRoundtangle_GlassPanel_Base}"
                                              GlassColor="{StaticResource H_Color_Primary_Grey_70pc}"/>

            <Style x:Key="A_Style_FZMaterial_MouseOverMaterial" TargetType="local:FZMaterial">
                <Setter Property="Color" Value="#00000000" />
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="FocusManager.FocusedElement" Value="{Binding ElementName=FocusElement}" />
                    </Trigger>
                </Style.Triggers>
            </Style>

            <!-- Background -->
            <Style x:Key="A_Style_FZMaterial_PanelBackground" TargetType="{x:Type FZMaterial}" 
                   BasedOn="{StaticResource A_Style_FZMaterial_GlassPanel_NonInteractive}">
                <Setter Property="Preset" Value="{StaticResource A_GlassRoundtangle_Options_Background}"/>
            </Style>

            <ControlTemplate x:Key="A_ControlTemplate_OptionsBackground" TargetType="Control">
                <Grid MinHeight="50">
                    <FZMaterial x:Name="Background" Style="{StaticResource A_Style_FZMaterial_PanelBackground}"/>
                    <StrokeHighlightControl x:Name="StrokeHighlight"
                                            Style="{StaticResource H_Style_StrokeHighlight_Instant}"
                                            ContentRadius="4"
                                            ZPanel.DisableClipping="True"
                                            IsEnabled="{Binding IsKeyboardFocusWithin, RelativeSource={RelativeSource TemplatedParent}}"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <DataTrigger Binding="{Binding IsKeyboardFocusWithin, RelativeSource={RelativeSource TemplatedParent}}" Value="True">
                        <Setter TargetName="Background" Property="Style" Value="{StaticResource A_Style_FZMaterial_GlassPanel_NonInteractive}"/>
                        <Setter TargetName="Background" Property="Color" Value="{StaticResource H_Color_Primary_Black}"/>
                        <Setter TargetName="StrokeHighlight" Property="IsEnabled" Value="True"/>
                    </DataTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>

            <!--Text Sizes-->
            <System:Double x:Key="A_Double_FontSize_TelemetryLabelSmall">20</System:Double>
            <System:Double x:Key="A_Double_FontSize_TelemetryValueSmall">20</System:Double>
            <System:Double x:Key="A_Double_FontSize_PresetLabel">22</System:Double>

            <!--Guideline opacity-->
            <Double x:Key="A_Float_GuidelineOpacity">0.6</Double>

            <!-- TextBlocks -->
            <Style x:Key="A_Style_FZTextBlock_TelemetryLabelSmall" TargetType="{x:Type local:FZTextBlock}" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonB}" >
                <Setter Property="CapHeight" Value="{StaticResource A_Double_FontSize_TelemetryLabelSmall}"/>
                <Setter Property="MaxWidth" Value="90" />
                <Setter Property="Color" Value="{StaticResource A_Color_Text_Telemetry}"/>
                <Setter Property="Margin" Value="0,0,6,0"/>
            </Style>

            <Style x:Key="A_Style_FZTextBlock_TelemetryValueSmall" TargetType="{x:Type local:FZTextBlock}" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonB}" >
                <Setter Property="CapHeight" Value="{StaticResource A_Double_FontSize_TelemetryValueSmall}"/>
                <Setter Property="MaxWidth" Value="90" />
                <Setter Property="Color" Value="{StaticResource A_Color_Text_Telemetry}"/>
            </Style>

            <Style x:Key="A_Style_FZTextBlock_PresetLabel" TargetType="{x:Type FZTextBlock}" BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}">
                <Setter Property="CapHeight" Value="{StaticResource A_Double_FontSize_PresetLabel}"/>
                <Setter Property="Color" Value="{StaticResource A_Color_Text_Telemetry}"/>
            </Style>

            <Style x:Key="A_Style_FZTextBlock_SpinnerValue" TargetType="local:FZTextBlock"
                   BasedOn="{StaticResource A_Style_FZTextBlock_TelemetryValueSmall}">
                <Setter Property="MaxWidth" Value="210" />
            </Style>

            <Style x:Key="A_Style_FZTextBlock_SpinnerLabel" TargetType="local:FZTextBlock"
                   BasedOn="{StaticResource A_Style_FZTextBlock_TelemetryLabelSmall}">
                <Setter Property="MaxWidth" Value="300" />
            </Style>

            <Style x:Key="A_Style_FZTextBlock_CameraPanelTitle" TargetType="FZTextBlock"
                   BasedOn="{StaticResource A_Style_FZTextBlock_HorizonD}">
                <Setter Property="Color" Value="{StaticResource H_Color_Primary_White}"/>
                <Setter Property="CapHeight" Value="15"/>       
                <Setter Property="Margin" Value="0,0,12,0"/>
                <Setter Property="VerticalAlignment" Value="Center"/>
            </Style>

            <Style x:Key="A_Style_FZTextBlock_CameraPanelValue" TargetType="FZTextBlock"
                   BasedOn="{StaticResource A_Style_FZTextBlock_HorizonC}">
                <Setter Property="Color" Value="{StaticResource H_Color_Primary_White}"/>
                <Setter Property="CapHeight" Value="15"/>       
                <Setter Property="Margin" Value="0,0,12,0"/>
                <Setter Property="VerticalAlignment" Value="Center"/>
            </Style>

            <!-- Controls -->
            <Style x:Key="A_Style_Control_EffectsSpinner" TargetType="{x:Type Control}">
                <Setter Property="Height" Value="50"/>
                <Setter Property="Margin" Value="0,0,0,4"/>
                <Setter Property="IsHitTestVisible" Value="True" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Control}">
                            <Grid x:Name="grid" RenderTransformOrigin="0.5,0.5" >
                                <Control Template="{StaticResource A_ControlTemplate_OptionsBackground}"/>

                                <FZMaterial Style="{StaticResource A_Style_FZMaterial_MouseOverMaterial}">
                                    <Grid Margin="20,0,22,0"> 
                                        <local:SpinnerControl x:Name="FocusElement"
                                                              Label="{TemplateBinding Tag}"
                                                              ItemsSource="{Binding Collection}"
                                                              SelectedIndex="{Binding Value}"
                                                              Style="{StaticResource A_Style_SpinnerControl_Default}"
                                                              RenderTransformOrigin="0.5,0.5">        
                                            <SpinnerControl.Resources>
                                                <GridLength x:Key="A_GridLength_SpinnerWidth">292</GridLength>
                                                <Style x:Key="A_Style_FZTextBlock_SpinnerTitle_Dynamic" TargetType="{x:Type FZTextBlock}"
                                                    BasedOn="{StaticResource A_Style_FZTextBlock_SpinnerTitle}">
                                                    <Setter Property="Text" Value="{Binding Label, RelativeSource={RelativeSource TemplatedParent}}"/>
                                                    <Setter Property="CapHeight" Value="{StaticResource A_Double_FontSize_TelemetryLabelSmall}"/>
                                                    <Setter Property="Color" Value="{StaticResource A_Color_Text_Telemetry}"/>
                                                </Style>
                                                <Style x:Key="A_Style_FZTextBlock_SpinnerItem_Dynamic" TargetType="{x:Type FZTextBlock}"
                                                    BasedOn="{StaticResource A_Style_FZTexBlock_SpinnerItem_Default}" >
                                                    <Setter Property="Color" Value="{StaticResource A_Color_Text_Telemetry}"/>
                                                </Style>
                                            </SpinnerControl.Resources>                
                                        </local:SpinnerControl>
                                    </Grid>
                                </FZMaterial>
                                <local:AudioEvent x:Name="FocusAudioEvent" />
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsKeyboardFocusWithin" Value="True">
                                    <Setter Property="Panel.ZIndex" Value="1"/>
                                    <Setter TargetName="FocusAudioEvent" Property="SoundName" Value="/Master/UI/PauseMenu/HZ2_SFX_UI_PauseMenu_Move_01"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="A_Style_ContentControl_EffectsSpinnerPreset" TargetType="{x:Type local:SpinnerControl}">
                <Setter Property="Height" Value="110"/>
                <Setter Property="local:FocusOnMouseOverBehaviour.Self" Value="True" />
                <Setter Property="Focusable" Value="True" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type local:SpinnerControl}">
                            <Grid x:Name="grid" RenderTransformOrigin="0.5,0.5">
                                <Control Template="{StaticResource A_ControlTemplate_OptionsBackground}"/>

                                <Grid>
                                    <Grid VerticalAlignment="Bottom">
                                        <Grid>
                                            <StackPanel>
                                                <Grid Margin="20,16,0,24">
                                                    <local:FZTextBlock x:Name="TextBlock_Label"
                                                                    Text="{Binding Label, RelativeSource={RelativeSource TemplatedParent}}"
                                                                    Style="{DynamicResource A_Style_FZTextBlock_PresetLabel}"
                                                                    HorizontalAlignment="Left"
                                                                    VerticalAlignment="Center" 
                                                                    ScreenReader.Event="OnChange"
                                                                    ScreenReader.ControlType="Spinner"
                                                                    ScreenReader.LineType="SelectedItem"
                                                                    />
                                                </Grid>
                                                <Grid Margin="0,0,0,20">
                                                    <local:FZButton x:Name="LeftArrow"
                                                                    Command="{TemplateBinding PrevSelectCommand}"
                                                                    Style="{StaticResource A_Style_Button_SpinnerArrowButton}"
                                                                    HorizontalAlignment="Left"
                                                                    VerticalAlignment="Center"
                                                                    IsEnabled="{Binding LeftButtonState, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource H_Converter_SpinnerStateToEnabled}}"
                                                                    Margin="20,0,0,0">
                                                        <Control Style="{StaticResource A_Style_Arrow_Left}"
                                                                 Margin="-2,0,0,0" />
                                                    </local:FZButton>
                                                    <local:FZTextBlock x:Name="TextBlock_Value"
                                                                    Text="{Binding SelectedItem, RelativeSource={RelativeSource TemplatedParent}}"
                                                                    Style="{DynamicResource A_Style_FZTextBlock_SpinnerValue}"
                                                                    HorizontalAlignment="Center"
                                                                    VerticalAlignment="Center" 
                                                                    ScreenReader.Event="OnChange"
                                                                    ScreenReader.ControlType="Spinner"
                                                                    ScreenReader.LineType="SelectedItem"
                                                                    ScreenReader.SelectedNumber="{Binding SelectedIndex, RelativeSource={RelativeSource AncestorType={x:Type local:SpinnerControl}}, Converter={StaticResource A_IndexToNumberConverter}, FallbackValue=0}"
                                                                    ScreenReader.SelectedCount="{Binding ItemsSource.Count, RelativeSource={RelativeSource AncestorType={x:Type local:SpinnerControl}}, FallbackValue=0}"
                                                                    />
                                                    <local:FZButton x:Name="RightArrow"
                                                                    Command="{TemplateBinding NextSelectCommand}"
                                                                    Style="{StaticResource A_Style_Button_SpinnerArrowButton}"
                                                                    HorizontalAlignment="Right"
                                                                    VerticalAlignment="Center"
                                                                    IsEnabled="{Binding RightButtonState, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource H_Converter_SpinnerStateToEnabled}}"
                                                                    Margin="0,0,20,0">
                                                        <Control Style="{StaticResource A_Style_Arrow_Right}"
                                                                        Margin="0,0,-3,0"/>
                                                    </local:FZButton>
                                                </Grid>
                                            </StackPanel>
                                        </Grid>
                                    </Grid>
                                </Grid>
                                <local:AudioEvent x:Name="FocusAudioEvent" />
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsKeyboardFocusWithin" Value="True">
                                    <Setter Property="Panel.ZIndex" Value="1"/>
                                    <Setter TargetName="FocusAudioEvent" Property="SoundName" Value="/Master/UI/PauseMenu/HZ2_SFX_UI_PauseMenu_Move_01"/>
                                    <Setter Property="ScreenReader.Line" TargetName="TextBlock_Label" Value="{Binding Text, RelativeSource={RelativeSource Self}}" />
                                    <Setter Property="ScreenReader.Line" TargetName="TextBlock_Value" Value="{Binding Text, RelativeSource={RelativeSource Self}}" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="A_Style_Control_Slider" TargetType="Control">
                <Setter Property="Focusable" Value="False" />
                <Setter Property="Height" Value="50" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Control}">
                            <ControlTemplate.Resources>
                                <Style x:Key="A_Style_SizedSlider_PhotoEffects" TargetType="{x:Type SizedSlider}"
                                    BasedOn="{StaticResource A_Style_Slider_Options_Internal}">
                                    <Style.Resources>
                                        <Style x:Key="A_Style_FZTextBlock_SizedSlider_Value" TargetType="{x:Type FZTextBlock}"
                                            BasedOn="{StaticResource A_Style_FZTextBlock_Slider_Value}">
                                            <Setter Property="Color" Value="{StaticResource H_Color_Primary_White}"/>
                                            <Setter Property="CapHeight" Value="{StaticResource A_Double_FontSize_TelemetryValueSmall}"/>
                                            <Setter Property="Margin" Value="0,0,20,0"/>
                                            <Setter Property="TextAlignment" Value="Right"/>
                                        </Style>

                                        <Style x:Key="A_Style_FZTextBlock_SizedSlider_Label" TargetType="{x:Type FZTextBlock}"
                                            BasedOn="{StaticResource A_Style_FZTextBlock_Slider_Label}">
                                            <Setter Property="Color" Value="{StaticResource H_Color_Primary_White}"/>
                                            <Setter Property="CapHeight" Value="{StaticResource A_Double_FontSize_TelemetryLabelSmall}"/>
                                        </Style>
                                    </Style.Resources>

                                    <Setter Property="SliderSize" Value="240" />
                                    <Setter Property="VerticalAlignment" Value="Center" />
                                    <Setter Property="VerticalAlignment" Value="Center" />
                                    <Setter Property="SmallChange" Value="0.01" />
                                    <Setter Property="LargeChange" Value="0.1" />
                                    <Setter Property="Maximum" Value="1" />
                                </Style>
                            </ControlTemplate.Resources>
                            <FZMaterial Style="{StaticResource A_Style_FZMaterial_MouseOverMaterial}">
                                <Grid>
                                    <Control Template="{StaticResource A_ControlTemplate_OptionsBackground}"/>
                                    <Grid>
                                        <SizedSlider Style="{StaticResource A_Style_SizedSlider_PhotoEffects}" 
                                                    x:Name="FocusElement"
                                                    Height="50"
                                                    BindingProxy.A="{TemplateBinding Tag}"
                                                    BindingProxy.B="{Binding Value, RelativeSource={RelativeSource Self}, 
                                                                    ConverterParameter=fracpercentage, Converter={StaticResource A_NumUnitConverter_EffectSettingScaleUp}}"
                                                    Value="{Binding Value}"/>
                                    </Grid>
                                    <local:AudioEvent x:Name="FocusAudioEvent" />
                                </Grid>
                            </FZMaterial>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsKeyboardFocusWithin" Value="True">
                                    <Setter Property="Panel.ZIndex" Value="1" />
                                    <Setter TargetName="FocusAudioEvent" Property="SoundName" Value="/Master/UI/PauseMenu/HZ2_SFX_UI_PauseMenu_Move_01"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="A_Style_ControllerButtonControl_ControllerOnly"
                   BasedOn="{StaticResource A_Style_ControllerButtonControl_Default}"
                   TargetType="{x:Type local:ControllerButtonControl}">
                <Setter Property="Visibility"
                        Value="Collapsed" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsControllerActiveInput, RelativeSource={RelativeSource AncestorType=Page}}"
                                 Value="True" >
                        <Setter Property="Visibility"
                                Value="{Binding Description, RelativeSource={RelativeSource Self}, Converter={StaticResource A_StringVisConverter}}" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>

            <Style x:Key="A_Style_ControllerButtonControl_KeyboardOnly"
                   BasedOn="{StaticResource A_Style_ControllerButtonControl_Default}"
                   TargetType="{x:Type local:ControllerButtonControl}">
                <Setter Property="Visibility"
                        Value="Collapsed" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsControllerActiveInput, RelativeSource={RelativeSource AncestorType=Page}}"
                                 Value="False" >
                        <Setter Property="Visibility"
                                Value="{Binding Description, RelativeSource={RelativeSource Self}, Converter={StaticResource A_StringVisConverter}}" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>

        </ResourceDictionary>
    </Page.Resources>

    <Grid>
        <Grid x:Name="PART_LayoutRoot">
            <!-- Page States-->
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup>
                    <VisualState x:Name="PART_InvisibleMode">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="CameraEffects">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Collapsed}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Grid_CameraTelemetry">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="BottomBar">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="FZMaterial_CameraReticle">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="CustomFlyerPreview">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="PART_PictureMode">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="CameraEffects">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Collapsed}"/>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="PART_EffectsMode">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="FZMaterial_CameraTelemetryInternal">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="PART_FullScreenMode">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="CameraEffects">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Collapsed}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Grid_CameraTelemetry">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="BottomBar">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="FZMaterial_CameraReticle">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="PART_PreSaveMode">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="CameraEffects">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Collapsed}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Grid_CameraTelemetry">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="FZMaterial_CameraReticle">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="GuidelineOverlay">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Canvas_Watermark">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="PropPrefabPreSaveMode">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="CameraEffects">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Collapsed}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Grid_CameraTelemetry">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="FZMaterial_CameraReticle">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                    <VisualState x:Name="PART_WatermarkMode">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="CameraEffects">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Collapsed}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Grid_CameraTelemetry">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="FZMaterial_CameraReticle">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="BottomBar">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="GuidelineOverlay">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Hidden}"/>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Canvas_Watermark">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>

            <Grid Name="GuidelineOverlay">
              <VisualStateManager.VisualStateGroups>
                  <VisualStateGroup>
                      <VisualState x:Name="GuidelineState_Off">
                          <Storyboard>
                          </Storyboard>
                      </VisualState>
                      <VisualState x:Name="GuidelineState_1by1">
                          <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="1by1">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}"/>
                            </ObjectAnimationUsingKeyFrames>
                          </Storyboard>
                      </VisualState>
                      <VisualState x:Name="GuidelineState_4by3">
                          <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="4by3">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}"/>
                            </ObjectAnimationUsingKeyFrames>
                          </Storyboard>
                      </VisualState>
                      <VisualState x:Name="GuidelineState_21by9">
                          <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="21by9">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}"/>
                            </ObjectAnimationUsingKeyFrames>
                          </Storyboard>
                      </VisualState>
                      <VisualState x:Name="GuidelineState_Crop1">
                          <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Crop1">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}"/>
                            </ObjectAnimationUsingKeyFrames>
                          </Storyboard>
                      </VisualState>
                      <VisualState x:Name="GuidelineState_Crop2">
                          <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Crop2">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}"/>
                            </ObjectAnimationUsingKeyFrames>
                          </Storyboard>
                      </VisualState>
                      <VisualState x:Name="GuidelineState_Diagonals">
                          <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Diagonals">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}"/>
                            </ObjectAnimationUsingKeyFrames>
                          </Storyboard>
                      </VisualState>
                        <VisualState x:Name="GuidelineState_PropPrefab">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="PropPrefab">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <local:FZMaterial Name="Crop1" ImageSource="/ForzaUI;component/Textures/Anthem/A_Photomode_Overlay_Crop1.png" Color="#ffffffff" Width="Auto" Height="Auto" Visibility="Hidden" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                <local:FZMaterial Name="Crop2" ImageSource="/ForzaUI;component/Textures/Anthem/A_Photomode_Overlay_Crop2.png" Color="#ffffffff" Width="Auto" Height="Auto" Visibility="Hidden" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                <local:FZMaterial Name="Diagonals" ImageSource="/ForzaUI;component/Textures/Anthem/A_Photomode_Overlay_Diagonals.png" Color="#ffffffff" Width="Auto" Height="Auto" Visibility="Hidden" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                <StackPanel Name="1by1" Orientation="Horizontal"  HorizontalAlignment="Center" Visibility="Hidden">
                  <Rectangle Width="2000" Height="Auto" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                  <Rectangle Height="Auto" Width="{Binding ActualHeight}" Fill="White" Opacity="0.0"/>
                  <Rectangle Width="2000" Height="Auto" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                </StackPanel>
                <StackPanel Name="4by3" Orientation="Horizontal"  HorizontalAlignment="Center" Visibility="Hidden">
                  <Rectangle Width="2000" Height="Auto" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                  <Rectangle Height="Auto" Width="{Binding ScreenWidth_4by3}" Fill="White" Opacity="0.0"/>
                  <Rectangle Width="2000" Height="Auto" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                </StackPanel>
                <StackPanel Name="21by9" Orientation="Vertical" VerticalAlignment="Center" Visibility="Hidden">
                  <Rectangle Height="2000" Width="Auto" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                  <Rectangle Width="Auto" Height="{Binding ScreenHeight_21by9}" Fill="White" Opacity="0.0"/>
                  <Rectangle Height="2000" Width="Auto" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                </StackPanel>
                <Grid Name="PropPrefab" Visibility="Hidden">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="{Binding ScreenWidth_PropPrefab, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource H_FZGridLengthConverter}, FallbackValue=0}" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="{Binding ScreenHeight_PropPrefab, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource H_FZGridLengthConverter}, FallbackValue=0}" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <Rectangle Grid.Row="0" Grid.ColumnSpan="3" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                    <Rectangle Grid.Row="2" Grid.ColumnSpan="3" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>

                    <Rectangle Grid.Row="1" Grid.Column="0" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                    <Rectangle Grid.Row="1" Grid.Column="2" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                </Grid>
                <Grid Name="CustomFlyer" Visibility="{Binding IsCustomFlyerMode, Converter={StaticResource A_FZBooleanToVisibilityConverter}}">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="{Binding ScreenWidth_CustomFlyer, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource H_FZGridLengthConverter}, FallbackValue=0}" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="{Binding ScreenHeightOffset_CustomFlyer, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource H_FZGridLengthConverter}, FallbackValue=0}" />
                        <RowDefinition Height="{Binding ScreenHeight_CustomFlyer, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource H_FZGridLengthConverter}, FallbackValue=0}" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <Rectangle Grid.Row="0" Grid.ColumnSpan="3" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                    <Rectangle Grid.Row="2" Grid.ColumnSpan="3" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>

                    <Rectangle Grid.Row="1" Grid.Column="0" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                    <Rectangle Grid.Row="1" Grid.Column="2" Fill="Black" Opacity="{StaticResource A_Float_GuidelineOpacity}"/>
                </Grid>
            </Grid>

            <!-- Effects Panel -->
            <Grid Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}"
                  HorizontalAlignment="Left"
                  VerticalAlignment="Top">
                <StackPanel Width="548" x:Name="CameraEffects" Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_0}" HorizontalAlignment="Left" Margin="75,50,0,0" >
					<FZScrollViewer
                        Template="{StaticResource A_ControlTemplate_ScrollViewer_Popup_ExternalRightPosition}"
                        CanContentScroll="True"
						Height="866"
                        Margin="0,0"
                        HorizontalScrollBarVisibility="Disabled"
                        VerticalScrollBarVisibility="Auto"
                        IsAtTop="{Binding (local:FZScrollViewer.IsAtTop), Mode=OneWayToSource, RelativeSource={RelativeSource TemplatedParent}}"
                        IsAtBottom="{Binding (local:FZScrollViewer.IsAtBottom), Mode=OneWayToSource, RelativeSource={RelativeSource TemplatedParent}}"
                        Focusable="False"
						DragMovementMultiplier="0.03"
                        KeepSelectionOnScreen="True"
						HandleDirectionalInput="False" >
                        <StackPanel x:Name="PART_StackPanel_CameraEffects" IsEnabled="False" KeyboardNavigation.DirectionalNavigation="Contained" >
                            <!-- Preset -->
                            <local:SpinnerControl x:Name="PresetSpinner"
                                                  Margin="0,0,0,4"
                                                  Label="{Binding Source={local:Loc InGame.IDS_Label_Preset}}"
                                                  ItemsSource="{Binding Presets}"
                                                  SelectedIndex="{Binding SelectedPresetIndex}"
                                                  Style="{StaticResource A_Style_ContentControl_EffectsSpinnerPreset}"
                                                  RenderTransformOrigin="0.5,0.5">
                                <FrameworkElement.Resources>
                                    <Style x:Key="A_Style_FZTextBlock_SpinnerValue"
                                           TargetType="local:FZTextBlock"
                                           BasedOn="{StaticResource A_Style_FZTextBlock_TelemetryValueSmall}">
                                        <Setter Property="MaxWidth" Value="300" />
                                    </Style>
                                </FrameworkElement.Resources>
                            </local:SpinnerControl>

                            <!-- Shutter Speed -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_ShutterSpeed}"
                                     DataContext="{Binding CurrentSettings.ShutterSpeed}" 
                                     Visibility="{Binding VisShuterSpeed, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>
                            
                            <!-- Focus Mode -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_FocusMode}"
                                     DataContext="{Binding CurrentSettings.FocusMode}"
                                     Visibility="{Binding VisFocusMode, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"/>

                            <!-- Focus -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_Focus}"
                                     DataContext="{Binding CurrentSettings.Focus}" 
                                     Visibility="{Binding VisFocus, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>

                            <!-- Exposure -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_Exposure}"
                                     DataContext="{Binding CurrentSettings.Exposure}" 
                                     Visibility="{Binding VisExposure, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>

                            <!-- Aperture -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_Aperture}"
                                     DataContext="{Binding CurrentSettings.Aperture}" 
                                     Visibility="{Binding VisAperture, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>

                            <!-- Bokeh Shape -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_BokehShape}"
                                     DataContext="{Binding CurrentSettings.BokehShape}"
                                     Visibility="{Binding VisBokehShape, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Sampling -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_Sampling}"
                                     DataContext="{Binding CurrentSettings.SamplingMode}"
                                     Visibility="{Binding VisSamplingMode, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Contrast -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_Contrast}"
                                     DataContext="{Binding CurrentSettings.Contrast}" 
                                     Visibility="{Binding VisContrast, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>

                            <!-- Color -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_Color}"
                                     DataContext="{Binding CurrentSettings.Color}" 
                                     Visibility="{Binding VisColor, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>
                            
                            <!-- Brightness -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_Brightness}"
                                     DataContext="{Binding CurrentSettings.Brightness}" 
                                     Visibility="{Binding VisBrightness, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>

                            <!-- Sepia -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_Sepia}"
                                     DataContext="{Binding CurrentSettings.Sepia}" 
                                     Visibility="{Binding VisSepia, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>

                            <!-- Vignette -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_Vignette}"
                                     DataContext="{Binding CurrentSettings.Vignette}" 
                                     Visibility="{Binding VisVignette, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>

                            <!-- Temperature -->
                            <Control Style="{StaticResource A_Style_Control_Slider}"
                                     Tag="{local:Loc InGame.IDS_Label_Temperature}"
                                     DataContext="{Binding CurrentSettings.Temperature}" 
                                     Visibility="{Binding VisTemperature, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0,0,0,4"/>

                            <!-- Time Of Day -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_TimeOfDay}"
                                     DataContext="{Binding CurrentSettings.TimeOfDay}"
                                     Visibility="{Binding VisTimeOfDay, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Weather -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_Weather}"
                                     DataContext="{Binding CurrentSettings.Weather}"
                                     Visibility="{Binding VisWeather, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Car Lights -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_CarLights}"
                                     DataContext="{Binding CurrentSettings.CarLights}"
                                     Visibility="{Binding VisCarLights, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Wheel Tilt -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_WheelTilt}"
                                     DataContext="{Binding CurrentSettings.WheelTilt}"
                                     Visibility="{Binding VisWheelTilt, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Drivers -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_Drivers}"
                                     DataContext="{Binding CurrentSettings.Drivers}"
                                     Visibility="{Binding VisDrivers, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Driver Positions -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_DriverPositions}"
                                     DataContext="{Binding CurrentSettings.DriverPositions}"
                                     Visibility="{Binding VisDriverPositions, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Emote -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_Emote}"
                                     DataContext="{Binding CurrentSettings.Emotes}"
                                     Visibility="{Binding VisEmotes, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Crowd -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_Crowd}"
                                     DataContext="{Binding CurrentSettings.Crowds}"
                                     Visibility="{Binding VisCrowds, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />
                            
                            <!-- Creatures -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_Creatures}"
                                     DataContext="{Binding CurrentSettings.Creatures}"
                                     Visibility="{Binding VisCreatures, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" />

                            <!-- Guidelines -->
                            <Control Style="{StaticResource A_Style_Control_EffectsSpinner}"
                                     Tag="{local:Loc InGame.IDS_Label_Guidelines}"
                                     DataContext="{Binding CurrentSettings.Guidelines}"
                                     Visibility="{Binding VisGuidelines, RelativeSource={RelativeSource AncestorType=Page}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}" 
                                     Margin="0"/>
                        </StackPanel>
					</FZScrollViewer>
                </StackPanel>
            </Grid>


            <!-- Camera Panel -->
            <Grid Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center">
                <Grid x:Name="Grid_CameraTelemetry" Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_0}" HorizontalAlignment="Center" VerticalAlignment="Bottom">
                    <local:FZMaterial x:Name="FZMaterial_CameraTelemetryInternal" 
                                      Style="{StaticResource A_Style_FZMaterial_GlassPanel_Pill}" 
                                      Preset="{StaticResource A_GlassRoundtangle_Options_Background}" 
                                      Visibility="{Binding IsCameraPanelVisible, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                                      Height="36" 
                                      Width="1132"  
                                      Margin="0,0,0,192">
                        <UniformGrid Rows="1" VerticalAlignment="Center" Margin="20,0">
                            <StackPanel Orientation="Horizontal">
                                <local:FZTextBlock Text="{local:Loc InGame.IDS_Photo_Mode_Altitude_Label}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelTitle}" />
                                <local:FZTextBlock Text="{Binding CurrentSettings.Altitude, ConverterParameter=length, Converter={StaticResource A_NumUnitConverter_OneDecimalConverter}}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelValue}" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <local:FZTextBlock Text="{local:Loc InGame.IDS_Photo_Mode_XZoom_Label}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelTitle}" />
                                <local:FZTextBlock Text="{Binding CurrentSettings.TelephotoMultiplier, Converter={StaticResource A_NumUnitConverter_TelephotoConverter}}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelValue}" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <local:FZTextBlock Text="{local:Loc InGame.IDS_Photo_Mode_Pitch_Label}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelTitle}" />
                                <local:FZTextBlock Text="{Binding CurrentSettings.Pitch, ConverterParameter=angle, Converter={StaticResource A_NumUnitConverter_OneDecimalConverter}}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelValue}" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <local:FZTextBlock Text="{local:Loc InGame.IDS_Photo_Mode_Yaw_Label}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelTitle}" />
                                <local:FZTextBlock Text="{Binding CurrentSettings.Yaw, ConverterParameter=angle, Converter={StaticResource A_NumUnitConverter_OneDecimalConverter}}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelValue}" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <local:FZTextBlock Text="{local:Loc InGame.IDS_Photo_Mode_Roll_Label}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelTitle}" />
                                <local:FZTextBlock Text="{Binding CurrentSettings.Roll, ConverterParameter=angle, Converter={StaticResource A_NumUnitConverter_OneDecimalConverter}}" Style="{StaticResource A_Style_FZTextBlock_CameraPanelValue}" />
                            </StackPanel>
                        </UniformGrid>
                    </local:FZMaterial>
                </Grid>
            </Grid>

            <!-- Photo Reticle -->
            <Decorator Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}"
                       HorizontalAlignment="Center"
                       VerticalAlignment="Center"
                       Visibility="{Binding IsCustomFlyerMode, Converter={StaticResource A_FZBooleanToVisibilityConverter_Inverse}}">
                <Grid x:Name="FZMaterial_CameraReticle" Style="{StaticResource A_Style_FrameworkElement_FadeOnlyTransition_0}" Width="224" Height="224" >
                    <local:FZMaterial ImageSource="/ForzaUI;component/Textures/Anthem/A_PhotoMode_Reticle_Glassmask.png" Preset="{StaticResource A_FZMaterialPresetGlass_Standard}" Color="#0f000000" />
                    <local:FZMaterial ImageSource="/ForzaUI;component/Textures/Anthem/A_PhotoMode_Reticle.png" />
                </Grid>
            </Decorator>
            
            <!-- Custom Flyer -->
            <Grid x:Name="CustomFlyerPreview"
                       Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}"
                       HorizontalAlignment="Center"
                       VerticalAlignment="Center"
                       Visibility="{Binding IsCustomFlyerMode, Converter={StaticResource A_FZBooleanToVisibilityConverter}}">
                <Decorator x:Name="FlyerHolder" Visibility="{Binding VisFlyer, Converter={StaticResource A_FZBooleanToVisibilityConverter}}">
                    <ContentControl Style="{StaticResource A_Style_ContentControl_CampaignFlyerFront}"
                               DataContext="{Binding CampaignSetupItem}"
                               Margin="0,0,0,130"/>
                </Decorator>
                <local:FZMaterial x:Name="CustomFlyerGradientBackground" 
                           ImageSource="/ForzaUI;component/Textures/Anthem/A_PhotoMode_CustomFlyerBackground.png" 
                           Margin="0,0,0,130"
                           Width="480"
                           Height="708"
                           Visibility="{Binding VisFlyerBackground, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"/>
            </Grid>
            
            <Decorator x:Name="Canvas_Watermark"
                    Visibility="Collapsed"
                    HorizontalAlignment="Stretch"
                    VerticalAlignment="Stretch"
                    Width="Auto"
                    Height="Auto"
                    Style="{StaticResource A_Style_FrameworkElement_LayoutRoot}"
                    MaxWidth="{Binding WatermarkCanvasMaxWidth}"
                    MaxHeight="{Binding WatermarkCanvasMaxHeight}">
                <local:FZMaterial x:Name="FZMaterial_Watermark"
                                  ImageSource="/ForzaUI;component/Textures/Anthem/PhotomodeWatermark.png"
                                  Width="{Binding WatermarkWidth}"
                                  Height="{Binding WatermarkHeight}"
                                  Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_0}"
                                  HorizontalAlignment="{Binding WatermarkHorizontalAlignment}"
                                  VerticalAlignment="{Binding WatermarkVerticalAlignment}"
                                  Margin="{Binding WatermarkMargin}">
                  <local:FZMaterial.RenderTransform>
                    <RotateTransform Angle="{Binding WatermarkAngle}" CenterX="{Binding WatermarkCenterX}" CenterY="{Binding WatermarkCenterY}" />
                  </local:FZMaterial.RenderTransform>
                </local:FZMaterial>
            </Decorator>
            <ContentControl Style="{StaticResource A_Style_ButtonBar}"
                            x:Name="BottomBar">
                <local:ControllerButtonPanel x:Name="PART_HelpPanel"
                                             Style="{StaticResource A_Style_ControllerButtonPanel_Default}"
                                             ScreenReader.InterruptBehavior="WaitForNonePlaying">
                    <local:ControllerButtonControl Button="A" />
                    <local:ControllerButtonControl Button="B" />
                    <local:ControllerButtonControl Button="X" />
                    <local:ControllerButtonControl Button="Y" />
                    <local:ControllerButtonControl x:Name="LBumperButton"
                                                   Button="LBumper"
                                                   Style="{StaticResource A_Style_ControllerButtonControl_ControllerOnly}" />
                    <local:ControllerButtonControl x:Name="RBumperButton"
                                                   Button="RBumper"
                                                   Style="{StaticResource A_Style_ControllerButtonControl_ControllerOnly}" />
                    <local:ControllerButtonControl x:Name="L3Button"
                                                   Button="L3"
                                                   Style="{StaticResource A_Style_ControllerButtonControl_ControllerOnly}" />
                    <local:ControllerButtonControl Button="R3"
                                                   Description="{Binding Description, ElementName=RBumperButton}"
                                                   Style="{StaticResource A_Style_ControllerButtonControl_KeyboardOnly}" />
                    <local:ControllerButtonControl Button="L3"
                                                   Description="{Binding Description, ElementName=LBumperButton}"
                                                   Style="{StaticResource A_Style_ControllerButtonControl_KeyboardOnly}" />
                    <local:ControllerButtonControl Button="RTrigger"
                                                   Description="{Binding Description, ElementName=L3Button}"
                                                   Style="{StaticResource A_Style_ControllerButtonControl_KeyboardOnly}" />
                    <local:ControllerButtonControl Button="Back" />
                </local:ControllerButtonPanel>
            </ContentControl>
        </Grid>
    </Grid>
</Page>
