<?xml version="1.0" encoding="utf-8"?>
<navigation:Page x:Class="ControlExplorer.HomePage" mc:Ignorable="d" d:DesignWidth="990" d:DesignHeight="650" Title="ComponentOne Control Explorer" xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" 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:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:local="clr-namespace:ControlExplorer">
    <navigation:Page.Resources>
        <Storyboard x:Key="LoadStoryboard">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="border">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.01" />
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0.01">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <QuinticEase EasingMode="EaseOut" />
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <QuinticEase EasingMode="EaseOut" />
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="border">
                <EasingDoubleKeyFrame KeyTime="0" Value="-1000" />
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0" />
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Slide" Storyboard.TargetName="header">
                <EasingDoubleKeyFrame KeyTime="0:0:0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:0.9" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="1">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <ExponentialEase EasingMode="EaseOut" />
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="header">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <DiscreteDoubleKeyFrame KeyTime="0:0:0.9" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="welcome">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.5" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="welcomeSection">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.7" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="c1Button">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.6" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.9" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="whatsNew">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.6" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.9" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="whatSection">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.7" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="vButton">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.9" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.2" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="favorites">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:1.9" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.2" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="exploreButton">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.3" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.6" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="search">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.3" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.6" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="footer">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.5" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.8" Value="1" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="scrollViewer">
                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.1" Value="0" />
                <EasingDoubleKeyFrame KeyTime="0:0:2.4" Value="1" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </navigation:Page.Resources>
    <Grid>
        <Border x:Name="border" Grid.Column="1" Grid.Row="1" Margin="-5" BorderBrush="#02000000" BorderThickness="1" CornerRadius="4" RenderTransformOrigin="0.5,0.5">
            <Border.RenderTransform>
                <CompositeTransform />
            </Border.RenderTransform>
            <Border BorderBrush="#0A000000" BorderThickness="1" CornerRadius="3">
                <Border BorderBrush="#14000000" BorderThickness="1" CornerRadius="2">
                    <Border BorderBrush="#1E000000" BorderThickness="1" CornerRadius="1">
                        <Border BorderBrush="#26000000" BorderThickness="1">
                            <Border>
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                        <GradientStop Color="#B2FFFFFF" Offset="0" />
                                        <GradientStop Color="#99FFFFFF" Offset="0.07" />
                                        <GradientStop Color="#99FFFFFF" Offset="0.93" />
                                        <GradientStop Color="#B2FFFFFF" Offset="1" />
                                    </LinearGradientBrush>
                                </Border.Background>
                            </Border>
                        </Border>
                    </Border>
                </Border>
            </Border>
        </Border>

        <Grid x:Name="LayoutRoot">
            <Grid.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="search">
                                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                                <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0" />
                                <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="1" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Grid.Triggers>
            <Grid.RowDefinitions>
                <RowDefinition Height="125" />
                <RowDefinition Height="20" />
                <RowDefinition Height="*" />
                <RowDefinition Height="70" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="28" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="28" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="28" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="20" />
            </Grid.ColumnDefinitions>
            <!--Header-->
            <c1:C1SlideContentControl x:Name="header" Width="1125" VerticalAlignment="Top" Grid.ColumnSpan="8" SlideDirection="Up">
                <Image Width="1125" Height="132" Source="/ControlExplorer.5;component/Resources/homeHeader.jpg" Stretch="Fill" />
            </c1:C1SlideContentControl>
            <!--Welcome-->
            <TextBlock x:Name="welcome" Text="welcome" Grid.Column="1" Style="{StaticResource HomeTitle}" />
            <ScrollViewer x:Name="welcomeSection" Grid.Column="1" Grid.Row="2" VerticalAlignment="Top" Style="{StaticResource GralScrollViewer}" Padding="0,0,10,0" HorizontalAlignment="Left">
                <TextBlock Style="{StaticResource SimpleText}" MaxWidth="255"><Run Text="Get the controls and features you need to develop compelling applications and dashboards with ease. " /><LineBreak /><Run Text=" " /><LineBreak /><Run Text="ComponentOne Studio® Silverlight Edition is a suite of " /><Bold><Run Text="60+ controls" /></Bold><Run Text=" built on Microsoft® Silverlight®. " /><LineBreak /><Run Text=" " /><LineBreak /><Run Text="These powerful, yet lightweight, controls offer the latest Web UI trends and take advantage of everything Silverlight has to offer from rich media to business application development." /></TextBlock>
                <c1:ScrollViewerTouchBehavior.TouchBehavior>
                    <c1:ScrollViewerTouchBehavior />
                </c1:ScrollViewerTouchBehavior.TouchBehavior>
            </ScrollViewer>
            <Button x:Name="c1Button" Width="270" Height="60" Click="c1Button_Click" Grid.Row="3" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="17,2,0,0" Style="{StaticResource EmptyButton}" HorizontalContentAlignment="Left">
                <Image Source="/ControlExplorer.5;component/Resources/C1Logo.png" Stretch="None" Margin="0,0,0,4" />
            </Button>

            <!--What's new-->
            <TextBlock x:Name="whatsNew" Text="what's new" Grid.Column="3" Style="{StaticResource HomeTitle}" />
            <ScrollViewer x:Name="whatSection" Grid.Row="2" Grid.Column="3" VerticalAlignment="Top" Style="{StaticResource GralScrollViewer}" Padding="0">
                <!--	<StackPanel>
                    <Button Content="OrgChart" Height="60" Margin="0,0,0,10" Style="{StaticResource WhatnewButton}" Cursor="Hand"/>            
                </StackPanel>-->
                <!--New Features List-->
                <ItemsControl ItemsSource="{Binding NewFeatures}" Background="Transparent">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Background="Transparent" />
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Grid Margin="0 0 0 10">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="10" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Image HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Center" Height="76" Width="76" Source="{Binding ImageSource}" />
                                <StackPanel Orientation="Vertical" VerticalAlignment="Center" Grid.Column="2">
                                    <TextBlock Style="{StaticResource WNewTitle}" Text="{Binding Title}" Width="Auto" TextWrapping="Wrap" />
                                    <ItemsControl ItemsSource="{Binding Remarks}">
                                        <ItemsControl.ItemTemplate>
                                            <DataTemplate>
                                                <HyperlinkButton Grid.Column="1" NavigateUri="{Binding Link}" Content="{Binding Description}" ToolTipService.ToolTip="{Binding Link}" IsEnabled="{Binding HasLink}" TargetName="{Binding TargetName}" Style="{StaticResource WNewText}" />
                                            </DataTemplate>
                                        </ItemsControl.ItemTemplate>
                                    </ItemsControl>
                                </StackPanel>
                            </Grid>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
                <c1:ScrollViewerTouchBehavior.TouchBehavior>
                    <c1:ScrollViewerTouchBehavior />
                </c1:ScrollViewerTouchBehavior.TouchBehavior>
            </ScrollViewer>
            <!-- Release Number/Date -->
            <Grid x:Name="vButton" Grid.Column="3" Grid.Row="3" Height="74" VerticalAlignment="Bottom" Margin="0,-5,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Path x:Name="path" Data="M66.013519,1 L78.460152,13.988848 L85,13.988848 L85,73 L1.0038538,73 L1.0038538,46.39769 L1,46.39769 L1,13.988848 L53.566898,13.988848 z" Fill="#FFAFC1CE" Stretch="Fill" Stroke="#FFF6FAFB" StrokeThickness="2" UseLayoutRounding="False" Width="86" />
                <Border Grid.Column="1" Background="#FFAFC1CE" BorderBrush="#FFF6FAFB" BorderThickness="0,2,2,2" Margin="-3,13,0,0" />
                <StackPanel Orientation="Horizontal" VerticalAlignment="Bottom" Margin="2,0,5,7" Grid.ColumnSpan="2">
                    <Image Source="/ControlExplorer.5;component/Resources/ico-Info.png" VerticalAlignment="Center" Stretch="None" />
                    <TextBlock TextWrapping="Wrap" Text="V3" FontFamily="Segoe WP SemiLight" FontSize="28" Foreground="#FF415766" VerticalAlignment="Center" Margin="0,-3,0,0" />
                    <TextBlock TextWrapping="Wrap" Text=" November 2015" FontFamily="Segoe WP SemiLight" FontSize="18" Foreground="White" VerticalAlignment="Bottom" Margin="2,0,0,9" />
                </StackPanel>
            </Grid>
            
            <!--Favorites-->
            <TextBlock x:Name="favorites" Text="favorites" Grid.Column="5" Style="{StaticResource HomeTitle}" />
            <ScrollViewer x:Name="scrollViewer" FontFamily="Segoe WP SemiLight" FontSize="10" FontWeight="Normal" Grid.Column="5" Grid.Row="2" Margin="0 0 -10 0" Padding="0" Style="{StaticResource GralScrollViewer}" HorizontalAlignment="Left">
                <c1:C1WrapPanel x:Name="favoritesPanel" Background="Transparent" ItemWidth="86" ItemHeight="86" MaxWidth="344" SizeChanged="favoritesPanel_SizeChanged" />
                <c1:ScrollViewerTouchBehavior.TouchBehavior>
                    <c1:ScrollViewerTouchBehavior />
                </c1:ScrollViewerTouchBehavior.TouchBehavior>
            </ScrollViewer>
            <HyperlinkButton Content="Explore All" Grid.Column="5" Grid.Row="3" x:Name="exploreButton" NavigateUri="/Views/ControlsPage_SL5.xaml" Style="{StaticResource HomeExploreHyperlinkButton}" Margin="0,-5,0,0" />
            <!-- Search -->
            <local:SearchControl x:Name="search" HorizontalAlignment="Right" Width="250" Grid.Column="0" Grid.ColumnSpan="6" VerticalAlignment="Top" Margin="0,12,0,0" />
            <!--Footer-->
            <Grid x:Name="footer" Grid.Row="3" Grid.ColumnSpan="7">
                <Path Data="M20,4 L40,24 L0,24 z M77,40 z" HorizontalAlignment="Left" Stretch="Fill" UseLayoutRounding="False" Width="28" Height="14" VerticalAlignment="Bottom" Margin="54,-4,0,60" Fill="#FFF3F8FA" d:LayoutOverrides="GridBox" />
                <Path Data="M20,4 L40,24 L0,24 z M77,40 z" HorizontalAlignment="Left" Stretch="Fill" UseLayoutRounding="False" Width="24" Height="12" VerticalAlignment="Bottom" Margin="56,-2,0,60" Fill="#FFC6D0D6" d:LayoutOverrides="GridBox" />
                <Image Grid.ColumnSpan="7" Height="5" Grid.Row="3" Source="/ControlExplorer.5;component/Resources/homeFooter.png" Stretch="Fill" VerticalAlignment="Bottom" Width="1125" Opacity="0.5" />
            </Grid>
        </Grid>
    </Grid>
</navigation:Page>