<UserControl x:Class="FacebookMemoryPartII.MainPage"
    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" 
    xmlns:uc="clr-namespace:FacebookMemoryPartII"
    mc:Ignorable="d" Width="300" d:DesignHeight="480">
    
    <UserControl.Resources>
        <Storyboard x:Name="sbFadeInGetFriends">
            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="btnFriends" Storyboard.TargetProperty="Visibility">
                <DiscreteObjectKeyFrame KeyTime="00:00:00">
                    <DiscreteObjectKeyFrame.Value>
                        <Visibility>Visible</Visibility>
                    </DiscreteObjectKeyFrame.Value>
                </DiscreteObjectKeyFrame>
            </ObjectAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="btnFriends" Storyboard.TargetProperty="Opacity">
                <EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1.0" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        
        <Storyboard x:Name="sbTransitionInFromRight" FillBehavior="HoldEnd">
            <DoubleAnimationUsingKeyFrames x:Name="sbTransitionInFromRightDouble" BeginTime="00:00:00" Storyboard.TargetProperty="(Canvas.Left)">
                <EasingDoubleKeyFrame KeyTime="00:00:00" Value="301"/>
                <EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        
        <Storyboard x:Name="sbTransitionOutLeft" FillBehavior="HoldEnd">
            <DoubleAnimationUsingKeyFrames x:Name="sbTransitionOutLeftDouble" BeginTime="00:00:00" Storyboard.TargetProperty="(Canvas.Left)">
                <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="-301"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    
    <Grid x:Name="LayoutRoot">
        <Grid.Clip>
            <PathGeometry FillRule="EvenOdd">
                <PathFigure IsClosed="True">
                    <LineSegment Point="0,0" />
                    <LineSegment Point="300,0" />
                    <LineSegment Point="300,300" />
                    <LineSegment Point="0,300" />
                </PathFigure>
            </PathGeometry>
        </Grid.Clip>
        <Grid.RowDefinitions>
            <RowDefinition Height="30" />
            <RowDefinition Height="170" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Button x:Name="btnLogin" Width="60" Height="25" Grid.Row="0" Content="Login" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5,5,0,0" />
        <TextBlock x:Name="txtStatus" Grid.Row="0" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="70,13,0,0" />

        <Canvas Grid.Row="1" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5,10,0,0" Background="Azure">
            <uc:UserInformation x:Name="ucUserInformation" />
            <uc:PhotoAlbum x:Name="ucPhotoAlbum" Canvas.Left="401" />
        </Canvas>
        
        <Button x:Name="btnFriends" Height="25" Grid.Row="2" Content="Get Friends" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5,15,0,0" Visibility="Collapsed" Opacity="0.0" />
    </Grid>
</UserControl>