<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="ControlExplorer.Frame" x:Name="FrameElement" mc:Ignorable="d" d:DesignHeight="1200" d:DesignWidth="1280" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:navigation="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:ControlExplorer">
    <UserControl.Resources>
        <Storyboard x:Key="LoadStoryboard">
    		<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="stackPanel">
    			<EasingDoubleKeyFrame KeyTime="0" Value="0" />
    			<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0" />
    			<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1" />
    		</DoubleAnimationUsingKeyFrames>
    		<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="BTN_download">
    			<EasingDoubleKeyFrame KeyTime="0" Value="0" />
    			<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0" />
    			<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1" />
    		</DoubleAnimationUsingKeyFrames>
    		<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="textBlock">
    			<EasingDoubleKeyFrame KeyTime="0" Value="0" />
    			<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0" />
    			<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1" />
    		</DoubleAnimationUsingKeyFrames>
    		<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="grid">
    			<EasingDoubleKeyFrame KeyTime="0" Value="0" />
    			<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0" />
    			<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1" />
    		</DoubleAnimationUsingKeyFrames>
    		<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="NavigationFrame" d:IsOptimized="True" />
        </Storyboard>
        <Storyboard x:Key="LoadFromRightStoryboard">
            <DoubleAnimation Duration="0:0:0.5" From="2000" To="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="NavigationFrame">
                <DoubleAnimation.EasingFunction>
                    <QuadraticEase EasingMode="EaseOut" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
        <Storyboard x:Key="LoadFromLeftStoryboard">
            <DoubleAnimation Duration="0:0:0.5" From="-2000" To="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="NavigationFrame">
                <DoubleAnimation.EasingFunction>
                    <QuadraticEase EasingMode="EaseOut" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
        <Storyboard x:Key="UnloadToLeftStoryboard">
            <DoubleAnimation Duration="0:0:0.5" From="0" To="-2000" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="NavigationFrame">
                <DoubleAnimation.EasingFunction>
                    <QuadraticEase EasingMode="EaseIn" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
        <Storyboard x:Key="UnloadToRightStoryboard">
            <DoubleAnimation Duration="0:0:0.5" From="0" To="2000" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="NavigationFrame">
                <DoubleAnimation.EasingFunction>
                    <QuadraticEase EasingMode="EaseIn" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="{StaticResource AppBackground}">
        <Grid.RowDefinitions>
            <RowDefinition Height="70" />
            <RowDefinition MinHeight="468" MaxHeight="648" />
            <RowDefinition Height="40" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="17*" MinWidth="17" />
            <ColumnDefinition Width="990*" MaxWidth="1125" />
            <ColumnDefinition Width="17*" MinWidth="17" />
        </Grid.ColumnDefinitions>
        <!--Background -->
        <Rectangle Grid.ColumnSpan="3" Grid.RowSpan="2" Margin="0,0,0,62">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFDCE6E9" Offset="0" />
                    <GradientStop Color="#FFC6E0E9" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle Grid.Row="1" Fill="#FFE1EFF4" Grid.ColumnSpan="3" VerticalAlignment="Bottom" Height="2" Margin="0,0,0,60" />
        <Rectangle Grid.Row="2" Grid.ColumnSpan="3" Margin="0,-60,0,0">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF708C9B" Offset="0" />
                    <GradientStop Color="#FF8DACBC" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <!--Content-->
        <navigation:Frame x:Name="NavigationFrame" BorderThickness="0" RenderTransformOrigin="0.5,0.5" Grid.Row="1" Grid.Column="1" Opacity="0">
            <navigation:Frame.ContentLoader>
                <local:ContentLoader x:Name="Loader" Frame="{Binding ElementName=FrameElement}" />
            </navigation:Frame.ContentLoader>
            <navigation:Frame.RenderTransform>
                <CompositeTransform />
            </navigation:Frame.RenderTransform>
            <navigation:Frame.UriMapper>
                <navigation:UriMapper>
                    <navigation:UriMapping Uri="" MappedUri="/Views/HomePage_SL5.xaml" />
                </navigation:UriMapper>
            </navigation:Frame.UriMapper>
        </navigation:Frame>
        <local:Loader DataContext="{Binding Percentage,ElementName=Loader}" Visibility="{Binding PercentageVisibility,ElementName=Loader}" Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center" />
        <!--Header -->
        <StackPanel x:Name="stackPanel" Orientation="Horizontal" Grid.Column="1" VerticalAlignment="Center" Cursor="Hand" Opacity="0" MouseLeftButtonDown="Home_Clicked">
            <Image Source="/ControlExplorer.5;component/Resources/headerLogo.png" Stretch="Fill" Height="63" Margin="8,0,0,0" />
       <!--     <TextBlock Text="Studio for Silverlight" Style="{StaticResource HeaderMainText}" />
            <TextBlock Text="by ComponentOne" Style="{StaticResource HeaderText}" />-->
        </StackPanel>
        <Button x:Name="BTN_download" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center" Opacity="0" Style="{StaticResource HeaderDownloadButton}" Margin="0,0,0,-14" Click="BTN_download_Click" />
        <!--Footer-->
        <TextBlock x:Name="textBlock" Grid.Column="1" Grid.Row="2" Text="©2016 GrapeCity, Inc All Rights Reserved" Style="{StaticResource FooterText}" Opacity="0" />
        <Grid x:Name="grid" Grid.Column="1" Grid.Row="2" Opacity="0">
            <!-- social buttons here -->
            <local:C1FacebookShareButton x:Name="BTN_facebook" />
        </Grid>
    </Grid>
</UserControl>