<Window x:Class="ControlExplorer.Frame"
        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:local="clr-namespace:ControlExplorer"
        WindowState="Maximized" Title="Studio WPF Edition Control Explorer"
        mc:Ignorable="d" d:DesignHeight="1200" d:DesignWidth="1280" Icon="/WPFControlExplorer;component/Resources/c1studio_wpf.ico">
    <Window.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).(TranslateTransform.X)" 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).(TranslateTransform.X)" 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).(TranslateTransform.X)" 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).(TranslateTransform.X)" Storyboard.TargetName="NavigationFrame">
                <DoubleAnimation.EasingFunction>
                    <QuadraticEase EasingMode="EaseIn"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </Window.Resources>
    <Window.Content>
        <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="1124"/>
                <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="#FFe7edef" Offset="0"/>
                        <GradientStop Color="#FF7F898D" Offset="1"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle Grid.Row="1" Fill="#FFA6AFB2" 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="#FF3D4649" Offset="0"/>
                        <GradientStop Color="#FF525C61" Offset="1"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <!--Content-->
            <Frame x:Name="NavigationFrame" 
                   BorderThickness="0" 
                   RenderTransformOrigin="0.5,0.5"
                   Grid.Row="1" 
                   Source="/Views/HomePage.xaml"  
                   NavigationUIVisibility="Hidden"
                   Grid.Column="1" Opacity="0"
                   Navigating="NavigationFrame_Navigating"
                   Navigated="NavigationFrame_Navigated"
                   FragmentNavigation="NavigationFrame_FragmentNavigation">
                <!--<Frame.ContentLoader>
                <local:ContentLoader x:Name="Loader" Frame="{Binding ElementName=FrameElement}"/>
            </Frame.ContentLoader>-->
                <Frame.RenderTransform>
                    <TranslateTransform/>
                </Frame.RenderTransform>
                <!--<Frame.UriMapper>
                <UriMapper>
                    <UriMapping Uri="" MappedUri="/Views/HomePage.xaml" />
                </UriMapper>
            </Frame.UriMapper>-->
            </Frame>
            <local:Loader x:Name="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"
                    ToolTipService.ToolTip="Home" MouseLeftButtonDown="Home_Clicked">
                <Image Source="/Resources/headerLogo.png" Stretch="Fill" Height="63" Margin="8,0,0,0"/>
            <!--    <TextBlock Text="Studio for WPF" 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="©2015 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>
    </Window.Content>
</Window>
