<phone:PhoneApplicationPage 
    x:Class="DatacronVideoGuide.LinksView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:DatacronVideoGuide"

    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True" Loaded="PhoneApplicationPage_Loaded" BackKeyPress="PhoneApplicationPage_BackKeyPress">
    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardIn"/>
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardOut"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
        <Grid.Background>
            <ImageBrush ImageSource="/DatacronVideoGuide;component/Images/belsavis-concept-001.png" Stretch="UniformToFill" />
        </Grid.Background>
        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Margin="6,17,6,0" Height="164" VerticalAlignment="Top" HorizontalAlignment="Center" Background="{x:Null}">
            <TextBlock x:Name="ApplicationTitle" Text="datacron video guide" Style="{StaticResource PhoneTextNormalStyle}" FontFamily="STJEDISE.TTF#StarJedi Special Edition" />
            <TextBlock x:Name="PageTitle" Text="links for selected datacron" Margin="0,10,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontSize="40" TextWrapping="Wrap" FontFamily="Stjldbl1.ttf#Star Jedi Logo DoubleLine1" TextAlignment="Center" FontWeight="Normal" Width="469">
                <TextBlock.Foreground><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="#FFFAF5B1" Offset="0.576" /><GradientStop Color="#FFF0BE38" Offset="0.413" /><GradientStop Color="#FFF0BC37" Offset="0.762" /><GradientStop Color="#FFA66326" Offset="0.895" /><GradientStop Color="White" Offset="0" /></LinearGradientBrush></TextBlock.Foreground>
            </TextBlock>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel"  Margin="0" Height="581" VerticalAlignment="Bottom">
            
            <ListBox x:Name="videoLinks" Margin="5,0">
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <StackPanel Orientation="Vertical">
                        </StackPanel>
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid local:TiltEffect.IsTiltEnabled="True" >
                            <TextBlock Tap="TextBlock_Tap" Text="{Binding}" FontSize="24" Padding="5,5,5,25" TextWrapping="Wrap"></TextBlock>
                        </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
                <!--<Grid local:TiltEffect.IsTiltEnabled="True" >
                    <TextBlock Tap="TextBlock_Tap" Text="http:asjdbakdbkajsd.id./jaskbdkah"  TextWrapping="Wrap" FontSize="24" Padding="5,5,5,30" Foreground="White"></TextBlock>
                </Grid>
                <Grid local:TiltEffect.IsTiltEnabled="True" >
                    <TextBlock Tap="TextBlock_Tap" Text="http:asjdbakdbkajsd.id./jaskbdkah/asdasdasds/asdasfasfasd/asdasdasda/asdasdasfasdasd/asdasd"  TextWrapping="Wrap" FontSize="24" Padding="5,5,5,20" Foreground="White"></TextBlock>
                </Grid>-->
                <ListBox.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#00000000" Offset="0" />
                        <GradientStop Color="#34000000" Offset="0.477" />
                    </LinearGradientBrush>
                </ListBox.Background>
            </ListBox>
            
        </Grid>
        <phone:WebBrowser    x:Name="browser" IsScriptEnabled="True" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Source="" Visibility="Collapsed" />
    </Grid>
 
 

</phone:PhoneApplicationPage>