<Page 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"
      x:Class="ForzaUI.Scenes.Anthem.A_TreasureCarMenu"
      Style="{StaticResource A_Style_Page_Generic}"
      DataContext="{Binding RelativeSource={RelativeSource Self}}"
      Tag="{StaticResource A_Boolean_False}">
    
    <Page.Resources>
        <ResourceDictionary>
            <Double x:Key="H_Double_Panel_Height">750</Double>
            <Double x:Key="H_Double_LeftPanel_Width">512</Double>

            <Style x:Key="H_Style_FZTextBlock_LeftPanel_Description" TargetType="{x:Type FZTextBlock}"
                BasedOn="{StaticResource H_Style_Text_Description_Body_16px_Scrolling}">
                <Setter Property="CapHeight" Value="14"/>
                <Setter Property="VerticalAlignment" Value="Top"/>
                <Setter Property="HorizontalAlignment" Value="Left"/>
                <Setter Property="TextAlignment" Value="Left"/>
                <Setter Property="Margin" Value="18,20"/>
                <Setter Property="AutoScroll" Value="{StaticResource H_AutoScrollSettings_Descriptions}"/>
                <Setter Property="AutoScroll.AllowScrolling" Value="True"/>
            </Style>
            
            <Style x:Key="H_Style_FZTextBlock_LeftPanel_BaseText" TargetType="{x:Type FZTextBlock}"
                BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}">
                <Setter Property="Color" Value="{StaticResource H_Color_Primary_White}"/>
                <Setter Property="CapHeight" Value="22"/>
                <Setter Property="TextAlignment" Value="Center"/>
            </Style>

            <Style x:Key="H_Style_FZTextBlock_LeftPanel_Region" TargetType="{x:Type FZTextBlock}"
                BasedOn="{StaticResource H_Style_FZTextBlock_LeftPanel_BaseText}">
                <Setter Property="CapHeight" Value="18"/>
            </Style>

            <Style x:Key="A_Style_FZRun_CarName_Default" TargetType="local:FZRun"/>
            <Style x:Key="H_Style_FZRun_CarMake" TargetType="FZRun">
                <Setter Property="FontFamily" Value="Horizon_B"/>
            </Style>

            <MappingConverter x:Key="H_Converter_CarName_Format">
                <MappingConverterEntry Key="{NoCase MAKE}" Value="{StaticResource H_Style_FZRun_CarMake}"/>
                <MappingConverterEntry Key="{NoCase MODEL}" Value="{StaticResource A_Style_FZRun_CarName_Default}"/>
            </MappingConverter>

            

            <Style x:Key="H_Style_FZMaterial_Discovered_Background" TargetType="FZMaterial">
                <Setter Property="ImageSource" Value="game:\media\UI\Textures\Data_Bound\CollectionCampaign\Gold_value_Background.png" />
                <Setter Property="Height" Value="50" />
                <Setter Property="Margin" Value="0,0,0,4" />
                <Setter Property="Preset" Value="{Roundtangle CornerRadius=2}" />
            </Style>

            <MappingConverter x:Key="H_Converter_Has_Collected" Default="{StaticResource A_Boolean_False}">
                <MappingConverterEntry Key="{x:Static TreasureCarState.Collected}" Value="{StaticResource A_Boolean_True}"/>
            </MappingConverter>

            <Style x:Key="H_Style_ContentControl_Descovery_DescriptionTitle" TargetType="ContentControl"
                BasedOn="{StaticResource A_Style_ContentControl_Header_Custom}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding DiscoveryState, Converter={StaticResource H_Converter_Has_Collected}}" Value="{StaticResource A_Boolean_True}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="ContentControl">
                                    <FZMaterial Style="{StaticResource H_Style_FZMaterial_Discovered_Background}">
                                        <ContentPresenter
                                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                                    </FZMaterial>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </DataTrigger>
                </Style.Triggers>
            </Style>

            <Style x:Key="H_Style_FZMaterial_Found_TreasureCar_Background" TargetType="FZMaterial">
                <Setter Property="Width" Value="512"/>
                <Setter Property="Height" Value="318"/>
                <Setter Property="VerticalAlignment" Value="Top"/>
                <Setter Property="Visibility" Value="Collapsed"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding DiscoveryState}" Value="{x:Static TreasureCarState.Discovered}">
                        <Setter Property="Visibility" Value="{x:Static Visibility.Visible}"/>
                        <Setter Property="ImageSource" Value="/ForzaUI;component/Textures/Data_Bound/SeeItDriveIt/TreasureCars/FoundBackground.png"/>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding DiscoveryState}" Value="{x:Static TreasureCarState.Collected}">
                        <Setter Property="Visibility" Value="{x:Static Visibility.Visible}"/>
                        <Setter Property="ImageSource" Value="/ForzaUI;component/Textures/Data_Bound/SeeItDriveIt/TreasureCars/CollectedBackground.png"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>

            <Style x:Key="H_Style_FZMaterial_Found_TreasureCar_Icon" TargetType="FZMaterial">
                <Setter Property="Width" Value="125"/>
                <Setter Property="Height" Value="125"/>
                <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>
                <Setter Property="VerticalAlignment" Value="Top"/>
                <Setter Property="HorizontalAlignment" Value="Left"/>
                <Setter Property="Margin" Value="12,16"/>
                <Setter Property="Visibility" Value="Collapsed"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding DiscoveryState}" Value="{x:Static TreasureCarState.Discovered}">
                        <Setter Property="Visibility" Value="{x:Static Visibility.Visible}"/>
                        <Setter Property="ImageSource" Value="/ForzaUI;component/Textures/Data_Bound/SeeItDriveIt/TreasureCars/FoundTreasureCarIcon.png"/>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding DiscoveryState}" Value="{x:Static TreasureCarState.Collected}">
                        <Setter Property="Visibility" Value="{x:Static Visibility.Visible}"/>
                        <Setter Property="ImageSource" Value="/ForzaUI;component/Textures/Data_Bound/SeeItDriveIt/TreasureCars/CollectedTreasureCarIcon.png"/>
                        <Setter Property="RenderTransform">
                            <Setter.Value>
                                <TransformGroup>
                                    <RotateTransform Angle="-8"/>
                                </TransformGroup>
                            </Setter.Value>
                        </Setter>
                    </DataTrigger>
                </Style.Triggers>
            </Style>

            <Style x:Key="H_Style_ContentControl_TresureCarMenu_EmptyItemStyle" TargetType="Control"
                BasedOn="{StaticResource H_Style_FullScreenCarousel_EmptyItemStyle}">
                <Setter
                    Property="Margin"
                    Value="0,8,8,0" />
                <Setter
                    Property="MultiDataConversion.Value"
                    Value="{Binding (BlendValue.Output), RelativeSource={RelativeSource AncestorType=VirtualizingWrapPanel}}" />
                <Setter
                    Property="MultiDataConversion.Parameter"
                    Value="{Binding (VirtualizingWrapPanel.ItemOffset), RelativeSource={RelativeSource Self}, Converter={LinearTransformConverter Add=200}}" />
                <Setter
                    Property="MultiDataConversion.TargetType"
                    Value="{Type Double}" />
                <Setter
                    Property="MultiDataConversion.Converter"
                    Value="{MathOperationConverter Operation={Static XAMLMathOperation.Add}}" />
                <Setter Property="RenderTransform">
                    <Setter.Value>
                        <TranslateTransform X="{Binding (MultiDataConversion.Output), RelativeSource={RelativeSource AncestorType=ListBoxItem}, Converter={StaticResource H_Converter_FullscreenCarousel_LeftShifter}}"/>
                    </Setter.Value>
                </Setter>
            </Style>

            <UIStoryboard x:Key="H_Storyboard_TreasureCar_Container_DeselectItem" Duration="0:0:0.36">
                <Int32AnimationUsingKeyFrames
                    Storyboard.TargetProperty="(ZPanel.ClippingBias)">
                    <DiscreteInt32KeyFrame KeyTime="0:0:0.0" Value="{x:Static Int32.MaxValue}" />
                </Int32AnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames
                    Storyboard.TargetProperty="(UIElement.Opacity)"
                    Storyboard.TargetName="DropShadow">
                    <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0" EasingFunction="{CircleEasing}" />
                </DoubleAnimationUsingKeyFrames>
                <Int32AnimationUsingKeyFrames
                    Storyboard.TargetProperty="(ZPanel.ClippingBias)"
                    Storyboard.TargetName="DropShadow">
                    <DiscreteInt32KeyFrame KeyTime="0:0:0.0" Value="{x:Static Int32.MaxValue}" />
                </Int32AnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames
                    Storyboard.TargetProperty="(ScaleTransform.ScaleX)"
                    Storyboard.TargetName="ShadowScale">
                    <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0.75" EasingFunction="{CircleEasing}" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames
                    Storyboard.TargetProperty="(ScaleTransform.ScaleY)"
                    Storyboard.TargetName="ShadowScale">
                    <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0.75" EasingFunction="{CircleEasing}" />
                </DoubleAnimationUsingKeyFrames>
                <Int32AnimationUsingKeyFrames
                    Storyboard.TargetProperty="(Panel.ZIndex)"
                    Storyboard.Target="{Binding RelativeSource={RelativeSource AncestorType=ContentPresenter}}">
                    <EasingInt32KeyFrame KeyTime="0:0:0.3" Value="0" EasingFunction="{CircleEasing}" />
                </Int32AnimationUsingKeyFrames>
            </UIStoryboard>

            <Style x:Key="H_Style_ContentControl_TreasureCar_ItemContainer" TargetType="ContentControl">
                <Setter Property="Margin" Value="0,8,8,0" />
                <Setter Property="MultiDataConversion.Value"
                        Value="{Binding (BlendValue.Output), RelativeSource={RelativeSource AncestorType=VirtualizingWrapPanel}}" />
                <Setter Property="MultiDataConversion.Parameter"
                        Value="{Binding (VirtualizingWrapPanel.ItemOffset), RelativeSource={RelativeSource Self}, Converter={LinearTransformConverter Add=200}}" />
                <Setter Property="MultiDataConversion.TargetType"
                        Value="{Type Double}" />
                <Setter Property="MultiDataConversion.Converter"
                        Value="{MathOperationConverter Operation={Static XAMLMathOperation.Add}}" />
                <Setter Property="RenderTransform">
                    <Setter.Value>
                        <TranslateTransform X="{Binding (MultiDataConversion.Output), RelativeSource={RelativeSource AncestorType=ListBoxItem}, Converter={StaticResource H_Converter_FullscreenCarousel_LeftShifter}}"/>
                    </Setter.Value>
                </Setter>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{Type ContentControl}">
                            <Grid x:Name="OuterContainer">
                                <FZMaterial x:Name="DropShadow"
                                    Style="{StaticResource H_Style_FZMaterial_ShadowBase_ForSubgraph}">
                                    <FZMaterial.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform
                                                ScaleX="0"
                                                ScaleY="0"
                                                x:Name="ShadowScale" />
                                        </TransformGroup>
                                    </FZMaterial.RenderTransform>
                                </FZMaterial>
                                <Grid
                                    x:Name="ScaledContainer"
                                    RenderTransformOrigin="0.5,0.5"
                                    ZPanel.ZOffset="0"
                                    Style="{StaticResource H_Style_FrameworkElement_CarouselSelectionScale}">
                                    <StrokeHighlightControl
                                        x:Name="FocusHighlight"
                                        Style="{StaticResource H_Style_StrokeHighlight_Animated}"
                                        ContentRadius="8"
                                        IsEnabled="{Binding (Selector.IsSelected), FallbackValue=False, RelativeSource={RelativeSource TemplatedParent}}"
                                        UseLayoutRounding="False" />
                                    <ContentControl x:Name="content" Style="{StaticResource H_Style_ContentControl_ContainerBackground}">
                                        <ContentPresenter />
                                    </ContentControl>
                                    <Control x:Name="MouseRollover" 
                                             Style="{StaticResource H_Style_TemplatedElement_MouseRollover_ListBoxItem}" 
                                             Opacity="{Binding IsEnabled, ElementName=FocusHighlight, Converter={StaticResource A_Converter_OpaqueIfIsNotEnabled}, FallbackValue=0}">
                                        <DynamicData.Data>
                                            <DynamicDataSource>
                                                <DynamicDataItem Name="MouseRolloverCornerRadius" Value="{Binding ContentRadius, ElementName=FocusHighlight}"/>
                                            </DynamicDataSource>
                                        </DynamicData.Data>
                                    </Control>
                                </Grid>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="Selector.IsSelected" Value="True">
                                    <Trigger.EnterActions>
                                        <BeginStoryboard
                                            x:Name="BeginStoryboard_ShowSelected"
                                            HandoffBehavior="SnapshotAndReplace"
                                            Storyboard="{StaticResource H_Storyboard_Carousel_ContainerStyle_SelectItemStory}" />
                                    </Trigger.EnterActions>
                                    <Trigger.ExitActions>
                                        <BeginStoryboard
                                            x:Name="BeginStoryboard_HideSelected"
                                            HandoffBehavior="SnapshotAndReplace"
                                            Storyboard="{StaticResource H_Storyboard_TreasureCar_Container_DeselectItem}" />
                                    </Trigger.ExitActions>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <Trigger Property="IsKeyboardFocusWithin" Value="True">
                        <Trigger.EnterActions>
                            <RaiseRoutedEvent RoutedEvent="Selector.Selected"/>
                        </Trigger.EnterActions>
                    </Trigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding (Selector.IsSelected), RelativeSource={RelativeSource Self}}" Value="True" />
                            <Condition Binding="{Binding HasPopups, RelativeSource={RelativeSource AncestorType=Page}}" Value="False" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="FocusSelf.WhenTrue" Value="True" />
                    </MultiDataTrigger>
                </Style.Triggers>
            </Style>

            <Style x:Key="H_Style_WrapListBox_TreasureCar" TargetType="{x:Type WrapListBox}">
                <Setter Property="ScrollOrientation" Value="Horizontal"/>
                <Setter Property="ItemWidth" Value="332"/>
                <Setter Property="ItemHeight" Value="252"/>
                <Setter Property="VerticalAlignment" Value="Center" />
                <Setter Property="HorizontalAlignment" Value="Center" />
                <Setter Property="ItemContainerStyle" Value="{StaticResource H_Style_ContentControl_TreasureCar_ItemContainer}" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Collection.Count, Converter={StaticResource A_CompareConverter}, ConverterParameter=9}" Value="{x:Static local:CompareResult.GreaterThan}">
                        <Setter Property="EmptyItemStyle" Value="{StaticResource H_Style_ContentControl_TresureCarMenu_EmptyItemStyle}" />
                        <Setter Property="SelectionLimitTop" Value="0"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>

            <MappingConverter x:Key="H_Converter_DiscoveredState_to_SpottedImage_Visibility" Default="{x:Static Visibility.Collapsed}">
                <MappingConverterEntry Key="{x:Static TreasureCarState.Spotted}" Value="{x:Static Visibility.Visible}"/>
                <MappingConverterEntry Key="{x:Static TreasureCarState.Discovered}" Value="{x:Static Visibility.Visible}"/>
                <MappingConverterEntry Key="{x:Static TreasureCarState.Collected}" Value="{x:Static Visibility.Visible}"/>
            </MappingConverter>

            <MappingConverter x:Key="H_Converter_DiscoveryState_to_SceneDisplayName" CheckEnumKey="TreasureCarState">
                <MappingConverterEntry Key="{x:Static TreasureCarState.Hidden}" Value="{Loc SeeItDriveIt.IDS_TreasureCar_Discovery_NotDiscovered}"/>
                <MappingConverterEntry Key="{x:Static TreasureCarState.Spotted}" Value="{Loc SeeItDriveIt.IDS_TreasureCar_Discovery_Spotted}"/>
                <MappingConverterEntry Key="{x:Static TreasureCarState.Discovered}" Value="{Loc SeeItDriveIt.IDS_TreasureCar_Discovery_Discovered}"/>
                <MappingConverterEntry Key="{x:Static TreasureCarState.Collected}" Value="{Loc SeeItDriveIt.IDS_TreasureCar_Collected}"/>

                <MappingConverterEntry Key="{x:Static TreasureCarState.Invalid}" Value=""/>
            </MappingConverter>

            <Style x:Key="H_Style_Control_TreasureCar_Carousel_EmptyItemStyle" TargetType="Control"
                BasedOn="{StaticResource H_Style_Control_Carousel_EmptyItemStyle}">
                <Setter Property="Margin" Value="0,8,8,0"/>
            </Style>
        </ResourceDictionary>
    </Page.Resources>
    <UIPageTransitionManager.TransitionManager>
        <UIPageTransitionManager Preset="{StaticResource A_UIPageTransitionManagerPreset_Menu}" />
    </UIPageTransitionManager.TransitionManager>
    <Grid x:Name="PART_LayoutRoot"> 
        <Control Style="{StaticResource A_Style_Control_ScreenBackground}" />
        <ContentControl x:Name="BottomBar"
                        Style="{StaticResource A_Style_ButtonBar}">
            <ContentControl x:Name="PART_DefaultHelpPanel"
                            Style="{StaticResource A_Style_ContentControl_DefaultButtonBar}" />
        </ContentControl>
        <Border Style="{StaticResource A_Style_Border_ScenePadding_Opus}"
                UseLayoutRounding="True"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Padding="0">
            <DockPanel HorizontalAlignment="Stretch"
                       Margin="206,138,0,130">
                <StackPanel Width="{StaticResource H_Double_LeftPanel_Width}"
                            DataContext="{Binding SelectedItem}"
                            ZPanel.ZIndex="1">
                    <Decorator VerticalAlignment="Top"
                               Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_0}">
                        <ContentControl Content="{Loc ScreenTitles.IDS_TreasureCars}"
                                        Style="{StaticResource A_Style_ContentControl_ScreenTitleBlock}"
                                        Margin="0,0,0,8"/>
                    </Decorator>
                    <Decorator VerticalAlignment="Top"
                               Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_1}">
                        <DockPanel Height="{StaticResource H_Double_Panel_Height}">
                            <ContentControl Style="{StaticResource H_Style_ContentControl_Descovery_DescriptionTitle}"
                                            DockPanel.Dock="Top"
                                            Margin="0,0,0,2">
                                <FZTextBlock Style="{StaticResource H_Style_Text_DescriptionTitle}"
                                             Text="{Binding DiscoveryState, Converter={StaticResource H_Converter_DiscoveryState_to_SceneDisplayName}}"
                                             ScreenReader.Line="{Binding Text, RelativeSource={RelativeSource Self}}"
                                             ScreenReader.LineType="SelectedValue"
                                             ScreenReader.Event="OnChange"/>
                            </ContentControl>
                            <FZMaterial Color="{StaticResource H_Color_Primary_Black}"
                                        Height="50"
                                        DockPanel.Dock="Top"
                                        Preset="{StaticResource H_Roundtangle_TopOnly_2px}">
                                <StackPanel Margin="18"
                                            HorizontalAlignment="Center">
                                    <FZTextBlock Style="{StaticResource H_Style_FZTextBlock_LeftPanel_Region}"
                                                 Text="{Binding RegionName}"
                                                 ScreenReader.Line="{Binding Text, RelativeSource={RelativeSource Self}}"
                                                 ScreenReader.LineType="SelectedDetails"
                                                 ScreenReader.Event="OnChange"/>
                                </StackPanel>
                            </FZMaterial>
                            <Grid>
                                <ContentControl Template="{StaticResource A_ControlTemplate_SidePanelContent}">
                                    <Grid>
                                        <FZMaterial x:Name="UnknownCarBackground"
                                                    ImageSource="/ForzaUI;component/Textures/Data_Bound/SeeItDriveIt/TreasureCars/UnknownTreasureCarClueBackground.png"/>
                                        <Grid Visibility="{Binding DiscoveryState, Converter={StaticResource H_Converter_DiscoveredState_to_SpottedImage_Visibility}}">
                                            <FZMaterial ImageSource="{Binding SpottedImageSource}"
                                                        Visibility="{Binding Downloaded, RelativeSource={RelativeSource Self}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"/>
                                        </Grid>
                                        <FZMaterial Style="{StaticResource H_Style_FZMaterial_Found_TreasureCar_Background}"/>
                                        <FZMaterial Style="{StaticResource H_Style_FZMaterial_Found_TreasureCar_Icon}"/>
                                        <Grid VerticalAlignment="Bottom"
                                              MaxHeight="122"
                                              ClipToBounds="True"
                                              Visibility="{Binding DiscoveryState, Converter={StaticResource H_Converter_DiscoveredState_to_SpottedImage_Visibility}}">
                                            <FZMaterial Color="{StaticResource H_Color_Primary_Black}"
                                                        Opacity="0.5"/>
                                            <FZTextBlock Style="{StaticResource H_Style_FZTextBlock_LeftPanel_Description}"
                                                         Text="{Binding Description}"
                                                         ScreenReader.Line="{Binding Text, RelativeSource={RelativeSource Self}}"
                                                         ScreenReader.LineType="ItemDescription"
                                                         ScreenReader.Event="OnChange"/>
                                        </Grid>
                                    </Grid>
                                </ContentControl>
                            </Grid>
                        </DockPanel>
                    </Decorator>
                </StackPanel>
                <Decorator Width="8"/>
                <Decorator Height="50"
                           DockPanel.Dock="Top"/> 
                <Grid Style="{StaticResource A_Style_FrameworkElement_DefaultTransition_3}">
                    <ScrollBar Style="{StaticResource A_Style_ScrollBar_Default}"
                            Minimum="{Binding ScrollWindowMin, ElementName=PART_List}"
                            Maximum="{Binding ScrollWindowMax, ElementName=PART_List}"
                            Value="{Binding ScrollWindowValue, ElementName=PART_List, Mode=TwoWay}"
                            ViewportSize="{Binding ScrollWindowSize, ElementName=PART_List}" 
                            Margin="0,0,0,-10"
                            Orientation="Horizontal"
                            VerticalAlignment="Bottom"
                            HorizontalAlignment="Left"
                            Width="988">
                        <DynamicData.Data>
                            <DynamicDataItem
                                Name="ScrollBarHideWhenNotNeeded"
                                DataType="Boolean"
                                Value="True" />
                        </DynamicData.Data>
                    </ScrollBar>
                    <Grid HorizontalAlignment="Stretch"
                        ZPanel.ZIndex="0"
                        ClipToBounds="True">
                        <WrapListBox x:Name="PART_List" 
                                    Style="{StaticResource H_Style_WrapListBox_TreasureCar}"
                                    Template="{StaticResource H_Template_FullScreenCarousel}"
                                    ItemTemplate="{StaticResource A_DataTemplate_CarSelectCarouselItem}"
                                    ItemsSource="{Binding Collection}"
                                    EmptyItemStyle="{StaticResource H_Style_Control_TreasureCar_Carousel_EmptyItemStyle}"
                                    CollectionIndexer.Collection="{Binding Collection}"
                                    KeyboardNavigation.DirectionalNavigation="Contained"
                                    SelectedItem="{Binding SelectedItem}"
                                    DeferFailedFocusAttempts="False"
                                    FocusOnPageFocusGained.SelectorSelectedItem="True"
                                    SelectedIndex="0"/>

                    </Grid>
                </Grid>
            </DockPanel>
        </Border>
    </Grid>
</Page>