<phone:PhoneApplicationPage 
    x:Class="BackgroundAudioPlayerSample.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: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="696"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True" >

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="WINDOWS PHONE 7.5" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="BackgroundAudioPlayer" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontSize="40" />
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,0,0">
            <!-- Infoanzeige zum abgespielten Track -->
            <Border BorderBrush="Silver" BorderThickness="1" Height="370" HorizontalAlignment="Left" Margin="12,6,0,0" Name="border1" VerticalAlignment="Top" Width="444">
                <Grid x:Name="TrackInfoPanel" Grid.Row="1" Margin="0,0,0,0" Height="369">                    
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="6,42,0,0" Name="textBlock2" Text="Interpret:" VerticalAlignment="Top" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="6,78,0,0" Name="textBlock3" Text="Album:" VerticalAlignment="Top" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="10,6,0,0" Name="textBlock1" Text="Titel:" VerticalAlignment="Top" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="6,150,0,0" Name="textBlock4" Text="Quelle:" VerticalAlignment="Top" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="6,114,0,0" Name="textBlock5" Text="Laufzeit:" VerticalAlignment="Top" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="101,6,0,0" Name="tbk_Title" Text="" VerticalAlignment="Top" Width="335" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="101,42,0,0" Name="tbk_Artist" Text="" VerticalAlignment="Top" Width="335" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="101,78,0,0" Name="tbk_Album" Text="" VerticalAlignment="Top" Width="335" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="101,114,0,0" Name="tbk_Duration" Text="" VerticalAlignment="Top" Width="335" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="101,150,0,0" Name="tbk_Source" Text="" VerticalAlignment="Top" Width="335" TextWrapping="Wrap" />
                    <Image Height="177" HorizontalAlignment="Left" Margin="262,186,0,0" Name="img_AlbumArt" Stretch="Fill" VerticalAlignment="Top" Width="177" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="6,186,0,0" Name="textBlock6" Text="Cover:" VerticalAlignment="Top" />
                </Grid>
            </Border>
       
            <Slider Height="189" HorizontalAlignment="Left" Margin="411,382,0,0" Name="sld_Volume" VerticalAlignment="Top" Width="51" Orientation="Vertical" ValueChanged="sld_Volume_ValueChanged" Value="0.75" Maximum="1" IsEnabled="True" />
            <Button Content="&gt;&gt;&gt;" Height="72" HorizontalAlignment="Left" Margin="205,499,0,0" Name="btn_FastForward" VerticalAlignment="Top" Width="200" Click="btn_FastForward_Click" IsEnabled="False" />
            <Button Content="&lt;&lt;&lt;" Height="72" HorizontalAlignment="Left" Margin="0,499,0,0" Name="btn_Rewind" VerticalAlignment="Top" Width="200" Click="btn_Rewind_Click" IsEnabled="False" />
            <ProgressBar Height="19" HorizontalAlignment="Left" Margin="0,416,0,0" Name="pgb_Duration" VerticalAlignment="Top" Width="405" />
            <TextBlock Height="30" HorizontalAlignment="Left" Margin="19,382,0,0" Name="tbk_CurrentPosition" Text="" VerticalAlignment="Top" />
        </Grid>
       
    </Grid>
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton x:Name="abib_Previous" IconUri="/AppBarIcons/appbar.transport.rew.rest.png" Text="Vorheriger" IsEnabled="False" Click="abib_Previous_Click"/>
            <shell:ApplicationBarIconButton x:Name="abib_Stop" IconUri="/AppBarIcons/appbar.stop.rest.png" Text="Stoppen" IsEnabled="False" Click="abib_Stop_Click"/>
            <shell:ApplicationBarIconButton x:Name="abib_Play" IconUri="/AppBarIcons/appbar.transport.play.rest.png" Text="Abspielen" Click="abib_Play_Click" />
            <shell:ApplicationBarIconButton x:Name="abib_Next" IconUri="/AppBarIcons/appbar.transport.ff.rest.png" Text="Nächster" IsEnabled="False" Click="abib_Next_Click"/>           
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

</phone:PhoneApplicationPage>