<UserControl x:Class="pokeTVisionPremium.AnimatedSplashScreen"
             xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="480" d:DesignWidth="480" Height="800">

    <UserControl.Resources>
        <Storyboard x:Key="flippingAnimation" >
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)" Storyboard.TargetName="logoImage">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
                <EasingDoubleKeyFrame KeyTime="0:0:2" Value="360"/>
            </DoubleAnimationUsingKeyFrames>
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="text">
                <DiscreteObjectKeyFrame KeyTime="0">
                    <DiscreteObjectKeyFrame.Value>
                        <SolidColorBrush Color="Brown"/>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
                <DiscreteObjectKeyFrame KeyTime="0:0:2">
                    <DiscreteObjectKeyFrame.Value>
                        <SolidColorBrush Color="Black"/>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>


    <StackPanel x:Name="LayoutRoot" Background="Black" Height="800" Width="480">



        <!--<Image Source="/SplashSreenAnimatedTest;component/LogoNextrekBlack.png" x:Name="logoImage" Stretch="Fill" Margin="0,0,0,50" >
            <Image.Projection>
                <PlaneProjection/>
            </Image.Projection>
        </Image>-->
        <StackPanel>
            <Canvas Height="800" Width="480" >
                <Canvas.Background>
                    <ImageBrush ImageSource="/pokeTVisionPremium;component/slpashscreenAnimat.png" />
                </Canvas.Background>
            </Canvas>
        </StackPanel>



        <StackPanel>
            <Image Source="/pokeTVisionPremium;component/iconTV2.png" x:Name="logoImage" Height="117" Width="186" Stretch="Fill" Margin="120,-300,0,0" >
                <Image.Projection>
                    <PlaneProjection/>
                </Image.Projection>
            </Image>
        </StackPanel>


        <StackPanel Margin="-280,0,0,0">
            <toolkit:PerformanceProgressBar IsIndeterminate="True" Margin="0,0,0,0" Width="728" Height="20" Foreground="White" FlowDirection="RightToLeft" IsEnabled="True" IsHitTestVisible="False" IsTabStop="True" Opacity="100" TabNavigation="Local">
                <toolkit:PerformanceProgressBar.RenderTransform>
                    <CompositeTransform Rotation="-90"/>
                </toolkit:PerformanceProgressBar.RenderTransform>
            </toolkit:PerformanceProgressBar>
        </StackPanel>

        <StackPanel Margin="0,-460,0,0">
            <TextBlock Text="NextRek Solutions" TextAlignment="Center" x:Name="text" Foreground="Brown" FontSize="16" TextWrapping="Wrap" Margin="0,20,0,0">
                <TextBlock.RenderTransform>
                    <CompositeTransform Rotation="-90"/>
                </TextBlock.RenderTransform>
            </TextBlock>
        </StackPanel>

    </StackPanel>
</UserControl>