<phone:PhoneApplicationPage 
    x:Class="The_Raven.MainPage"
    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" 
    d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False" Loaded="PhoneApplicationPage_Loaded" DataContext="{Binding}" xmlns:my="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI">

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

        <!--Panorama control-->
        <controls:Panorama Title="THE RAVEN" Name="panorama" SelectionChanged="panorama_SelectionChanged" Foreground="White">

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

            </controls:Panorama.TitleTemplate>

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

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

            <controls:Panorama.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding}" TextWrapping="Wrap">
                    </TextBlock>
                </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" 
                VerticalAlignment="Bottom">
            <Button.Background>
                <ImageBrush ImageSource="/The%20Raven;component/Images/index.png" />
            </Button.Background>
        </Button>

        <my:AdControl AdUnitId="10037352" ApplicationId="a051ecc0-d235-404a-8a78-5b9b2f373b72" Height="80" HorizontalAlignment="Left" Margin="0,122,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="/The%20Raven;component/Images/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>
</phone:PhoneApplicationPage>