<phone:PhoneApplicationPage xmlns:my="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI"  
    x:Class="At_The_Mountains_of_Madness.PanoramaPage6"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False" Loaded="PhoneApplicationPage_Loaded" DataContext="{Binding}">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">

        <!--Panorama control-->
        <controls:Panorama Title="AT THE MOUNTAINS OF MADNESS" Name="panorama" SelectionChanged="panorama_SelectionChanged" Foreground="White">

            <controls:Panorama.TitleTemplate>
                <DataTemplate>
                    <Grid Margin="0,50,0,0">
                        <TextBlock FontSize="100" FontFamily="Comic Sans MS" Text="{Binding}" Foreground="#FFA7553A"></TextBlock>
                    </Grid>
                </DataTemplate>

            </controls:Panorama.TitleTemplate>

            <controls:Panorama.Background>
                <ImageBrush ImageSource="myBackground.png"/>
            </controls:Panorama.Background>

            <!--Panorama item -->
            <controls:Panorama.HeaderTemplate >
                <DataTemplate>
                    <TextBlock Height="0" Text="" TextWrapping="Wrap">
                    </TextBlock>
                </DataTemplate>
            </controls:Panorama.HeaderTemplate >

            <controls:Panorama.ItemTemplate>
                <DataTemplate>
                    <Grid Margin="0,-25,0,0">

                        <RichTextBox  VerticalAlignment="Top" TextAlignment="Justify" FontSize="20" IsEnabled="False" TextWrapping="Wrap">
                            <RichTextBox.Blocks>
                                <Paragraph>
                                    <Run Text="{Binding}" Foreground="White"/>
                                </Paragraph>
                            </RichTextBox.Blocks>
                        </RichTextBox>

                    </Grid>
                </DataTemplate>
            </controls:Panorama.ItemTemplate>

        </controls:Panorama>



        <Canvas Margin="0,713,0,0" 
                Background="Black" 
                Height="87" 
                VerticalAlignment="Bottom">
        </Canvas>

        <TextBlock Name="TextPage" 
                   Margin="130,713,130,0" 
                   Foreground="#FF8E7777" 
                   FontFamily="Segoe WP Black" 
                   FontSize="50" 
                   TextAlignment="Center">
        </TextBlock>

        <Button Name="openPageLinkButton" 
                Height="86" 
                Width="86"
                Click="openPageLinkButton_Click" 
                Margin="390,0,0,0" 
                HorizontalAlignment="Right"
                VerticalAlignment="Bottom" DataContext="{Binding}">
            <Button.Background>
                <ImageBrush ImageSource="/At%20The%20Mountains%20of%20Madness;component/index.png" />
            </Button.Background>
        </Button>

        <Button Name="home"
                Height="86" 
                Width="86"
                Click="home_Click" 
                Margin="265,0,0,0" 
                VerticalAlignment="Bottom" DataContext="{Binding}">
            <Button.Background>
                <ImageBrush ImageSource="/At%20The%20Mountains%20of%20Madness;component/homeIcon.png" />
            </Button.Background>
        </Button>

        <Button Name="nextCap"
                Content="7"
                Height="86" 
                Width="66"
                Click="nextCap_Click" 
                Margin="-280,0,0,0" 
                VerticalAlignment="Bottom" DataContext="{Binding}"
                Background="#FFA7553A"
                Foreground="Black">

        </Button>

        <Button Name="prevCap"
                Content="5"
                Height="86" 
                Width="66"
                Click="prevCap_Click"
                HorizontalAlignment="Left"
                VerticalAlignment="Bottom" DataContext="{Binding}"
                Background="#FFA7553A"
                Foreground="Black">

        </Button>

        <my:AdControl AdUnitId="10037352" ApplicationId="a051ecc0-d235-404a-8a78-5b9b2f373b72" Height="80" HorizontalAlignment="Left" Margin="0,635,0,0" Name="adControl1" VerticalAlignment="Top" Width="480" />

        <Canvas Name="pageCanvas"
                VerticalAlignment="Stretch"
                HorizontalAlignment="Stretch"
                Width="450"
                Height="600"
                Visibility="Collapsed" >
            <Canvas.Background>
                <ImageBrush ImageSource="/At%20The%20Mountains%20of%20Madness;component/index_background.png"/>
            </Canvas.Background>


            <ScrollViewer Name="pageIndexScrollViewer"
                              Canvas.Left="35"
                              Canvas.Top="70"
                              Width="370"
                              Height="500"
                              >

                <ListBox Name="LinkPageListBox" 
                     VerticalAlignment="Top" 
                     HorizontalAlignment="Center"
                     Visibility="Visible"
                         Height="500"
                     >
                    <ListBox.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Vertical">
                            </StackPanel>
                        </ItemsPanelTemplate>
                    </ListBox.ItemsPanel>

                    <ListBox.ItemTemplate>

                        <DataTemplate>

                            <StackPanel>

                                <HyperlinkButton Name="pageLink"
                                                 FontFamily="Verdana"
                                                 FontSize="40"
                                                 Content="{Binding}"                                             
                                                 HorizontalContentAlignment="Stretch"
                                                 Tag="{Binding Name}"
                                                 Click="page_Click"
                                                 Foreground="Black"
                                             />
                            </StackPanel>

                        </DataTemplate>

                    </ListBox.ItemTemplate>

                </ListBox>

            </ScrollViewer>
        </Canvas>

    </Grid>

    <!--Panorama-based applications should not show an ApplicationBar-->

</phone:PhoneApplicationPage>