<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="StockPortfolio.Main" mc:Ignorable="d" d:DesignWidth="980" d:DesignHeight="580" 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:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:System_Windows_Controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" xmlns:StockPortfolio="clr-namespace:StockPortfolio">
	<UserControl.Resources>
            <Storyboard x:Name="SpinnerStory" RepeatBehavior="Forever">
                <DoubleAnimationUsingKeyFrames Duration="00:00:00.001" Storyboard.TargetName="Spinner" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Spinner" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0" />
                    <SplineDoubleKeyFrame KeyTime="00:00:01" Value="45" />
                    <SplineDoubleKeyFrame KeyTime="00:00:02" Value="90" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Spinner" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.4" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.3" Value="0.3" />
                    <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0.4" />
                    <SplineDoubleKeyFrame KeyTime="00:00:01.5" Value="0.3" />
                    <SplineDoubleKeyFrame KeyTime="00:00:02" Value="0.4" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Spinner" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.4" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.3" Value="0.3" />
                    <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0.4" />
                    <SplineDoubleKeyFrame KeyTime="00:00:01.5" Value="0.3" />
                    <SplineDoubleKeyFrame KeyTime="00:00:02" Value="0.4" />
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
	</UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="#434343" MinHeight="590" MinWidth="895">
        <Grid.Resources>
            <Storyboard x:Name="HideGridStory">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="gridArea" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.6" Value="0" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="gridArea" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.6" Value="-1000" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="chartArea" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1000" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.6" Value="0" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="chartArea" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.6" Value="1" />
                </DoubleAnimationUsingKeyFrames>
                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="btnPageBar" Storyboard.TargetProperty="Visibility">
                    <DiscreteObjectKeyFrame KeyTime="00:00:00.6">
                        <DiscreteObjectKeyFrame.Value>
                            <Visibility>Visible</Visibility>
                        </DiscreteObjectKeyFrame.Value>
                    </DiscreteObjectKeyFrame>
                </ObjectAnimationUsingKeyFrames>
            </Storyboard>
            <Storyboard x:Name="ShowGridStory">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="gridArea" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.6" Value="1" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="gridArea" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="-1000" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.6" Value="0" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="chartArea" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.6" Value="1000" />
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="chartArea" Storyboard.TargetProperty="(UIElement.Opacity)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1" />
                    <SplineDoubleKeyFrame KeyTime="00:00:00.6" Value="0" />
                </DoubleAnimationUsingKeyFrames>
                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="btnPageBar" Storyboard.TargetProperty="Visibility">
                    <DiscreteObjectKeyFrame KeyTime="00:00:00">
                        <DiscreteObjectKeyFrame.Value>
                            <Visibility>Collapsed</Visibility>
                        </DiscreteObjectKeyFrame.Value>
                    </DiscreteObjectKeyFrame>
                </ObjectAnimationUsingKeyFrames>
            </Storyboard>
        </Grid.Resources>

        <Image Source="Images/background.png" Stretch="Fill" Margin="8,8,8,8">
        </Image>

        <Rectangle x:Name="blueBg" Stroke="#7294C3FF" RadiusX="8" RadiusY="8" Margin="8,8,8,8">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.001,0.002" StartPoint="-0.002,0.995">
                    <GradientStop Color="#00FFFDFD" Offset="0" />
                    <GradientStop Color="#00FFFFFF" Offset="1" />
                    <GradientStop Color="#00FFFFFF" Offset="0.865" />
                    <GradientStop Color="#00FFFFFF" Offset="0.832" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

        <Rectangle Stroke="#FFACDAFF" StrokeThickness="1" RadiusX="6" RadiusY="6" Opacity="0.515" Margin="11,11,11,11">
            <Rectangle.OpacityMask>
                <LinearGradientBrush EndPoint="0.511,0.396" StartPoint="0.511,-0.065">
                    <GradientStop Color="#FF000000" Offset="0" />
                    <GradientStop Color="#00FFFFFF" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.OpacityMask>
        </Rectangle>

        <Grid Height="60" Margin="15,15,15,0" x:Name="header" VerticalAlignment="Top" Opacity="1">

            <Grid Margin="0,0,0,0" x:Name="headerMain">

                <Path Opacity="0.945" Stretch="Fill" Stroke="#FF00233F" StrokeThickness="1" Data="F1 M5.5000038,0.49999613 L944.5,0.49999613 C947.26141,0.50000387 949.5,2.7385798 949.5,5.5 L949.5,50 949.5,54.5 949.5,59.500004 944.5,59.500004 939.75,59.500004 13.250005,59.500004 5.5000038,59.500004 0.5,59.500004 0.5,54.5 0.5,46.75 0.5,5.5 C0.5,2.7385798 2.7385762,0.50000387 5.5000038,0.49999613 z">
                    <Path.Fill>
                        <LinearGradientBrush EndPoint="0.489,-0.25" StartPoint="0.489,1.133">
                            <GradientStop Color="#FF00275F" Offset="0.288" />
                            <GradientStop Color="#FF2479F4" Offset="1" />
                            <GradientStop Color="#FF0D489D" Offset="0" />
                        </LinearGradientBrush>
                    </Path.Fill>
                </Path>

                <Image Stretch="Fill" Source="Images/headerbg.png" Margin="1,1,1,1" />

                <Rectangle Stroke="#FFACDAFF" StrokeThickness="1" RadiusX="4" RadiusY="4" x:Name="strokeHighlight" Margin="2,2,2,4">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                            <GradientStop Color="#00FFFFFF" Offset="0" />
                            <GradientStop Color="#6BFFFFFF" Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.OpacityMask>
                        <LinearGradientBrush EndPoint="0.511,0.513" StartPoint="0.511,0.052">
                            <GradientStop Color="#FF000000" Offset="0" />
                            <GradientStop Color="#00FFFFFF" Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.OpacityMask>
                </Rectangle>

            </Grid>

            <Canvas Width="370.001" x:Name="title" HorizontalAlignment="Left" Margin="70,9,0,6.81400012969971">

                <TextBlock x:Name="mnuPortfolios" Width="256" Height="24" FontFamily="Lucida Sans Unicode" FontSize="16" FontWeight="Normal" Foreground="#FFFFFFFF" Text="ComponentOne®" Canvas.Left="1" Canvas.Top="-2" />

				<TextBlock Width="370" Height="30.667" FontSize="24" Foreground="#16FFFFFF" FontWeight="Normal" FontStyle="Normal" FontFamily="Lucida Sans Unicode" RenderTransformOrigin="0.5,0.5" Text="Portfolio Manager" Canvas.Left="0.001" Canvas.Top="29.019">
					<TextBlock.OpacityMask>
						<LinearGradientBrush EndPoint="0.487,0.011" StartPoint="0.488,1.186">
							<GradientStop Color="#00FFFDFD" Offset="0.298" />
							<GradientStop Color="#00FFFFFF" Offset="0.692" />
							<GradientStop Color="#00FFFDFD" Offset="0.327" />
							<GradientStop Color="#FFFEFDFD" Offset="0.33" />
						</LinearGradientBrush>
					</TextBlock.OpacityMask>
					<TextBlock.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="1" ScaleY="-1" />
							<SkewTransform AngleX="0" AngleY="0" />
							<RotateTransform Angle="0" />
							<TranslateTransform X="0" Y="0" />
						</TransformGroup>
					</TextBlock.RenderTransform>
				</TextBlock>

				<TextBlock Width="370" Height="35.686" FontSize="24" Text="Portfolio Manager" Foreground="#FFFFF8F8" FontWeight="Normal" FontStyle="Normal" FontFamily="Lucida Sans Unicode" Canvas.Top="12" />

			</Canvas>

            <Canvas Width="60" x:Name="portfolioImage" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Left" Margin="7,0.75,0,-0.75">

                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1" />
                        <SkewTransform AngleX="0" AngleY="0" />
                        <RotateTransform Angle="0" />
                        <TranslateTransform X="0" Y="0" />
                    </TransformGroup>
                </Canvas.RenderTransform>

                <Image Width="60" Height="60" Source="Images/portfolio.png" Stretch="Fill" />

            </Canvas>

            <Ellipse Width="45" StrokeThickness="1" Opacity="0.25" HorizontalAlignment="Right" Margin="0,9,9.5,6">
                <Ellipse.Fill>
                    <LinearGradientBrush EndPoint="0.485,-0.106" StartPoint="0.505,0.999">
                        <GradientStop Color="#FF00045D" Offset="0.534" />
                        <GradientStop Color="#8CFFFFFF" Offset="0.115" />
                    </LinearGradientBrush>
                </Ellipse.Fill>
            </Ellipse>

            <Canvas Width="83.667" Height="18" x:Name="status" HorizontalAlignment="Right" Margin="0,11.3059997558594,63.6829986572266,0" VerticalAlignment="Top">

                <Rectangle Width="83.667" Height="20" StrokeThickness="1" RadiusX="5" RadiusY="5" Opacity="0.25">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.498,-0.108" StartPoint="0.502,1.389">
                            <GradientStop Color="#FF00045D" Offset="0.534" />
                            <GradientStop Color="#8CFFFFFF" Offset="0.115" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>

                <Image RenderTransformOrigin="9.583,2.917" Width="24" Height="24" Canvas.Left="3.33" Canvas.Top="-7.327" Source="Images/online.png" Stretch="Fill" />
                <Image RenderTransformOrigin="-1.583,-1.292" Visibility="Collapsed" Width="24" Height="24" Canvas.Left="3.33" Canvas.Top="-7.326" Source="Images/offline.png" Stretch="Fill" />

                <TextBlock Width="83" Height="18" Canvas.Left="30.323" Text="LIVE FEED" FontSize="10" FontFamily="Lucida Sans Unicode" Foreground="#FFFFFFFF" Canvas.Top="2.5" />

			</Canvas>

            <Canvas Opacity="0" RenderTransformOrigin="0.5,0.5" x:Name="Spinner" Width="106.268" Height="107.268" HorizontalAlignment="Right" Margin="0,-22,-22.2679996490479,-25.2679996490479" VerticalAlignment="Stretch" d:LayoutOverrides="Width">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="0.3" ScaleY="0.3" />
                        <SkewTransform AngleX="0" AngleY="0" />
                        <RotateTransform Angle="0" />
                        <TranslateTransform X="0" Y="0" />
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Ellipse Stroke="#FF000000" Width="20" Height="21" Canvas.Left="12.634" Canvas.Top="73.634">
                    <Ellipse.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="#FF3EB6F6" Offset="0" />
                            <GradientStop Color="#FF156527" Offset="1" />
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                </Ellipse>
                <Ellipse Stroke="#FF000000" Width="20" Height="21" Canvas.Left="73.634" Canvas.Top="12.634">
                    <Ellipse.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="#FF3EB6F6" Offset="0" />
                            <GradientStop Color="#FF156527" Offset="1" />
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                </Ellipse>
                <Ellipse Stroke="#FF000000" Width="20" Height="21" Canvas.Left="73.634" Canvas.Top="73.634">
                    <Ellipse.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="#FF3EB6F6" Offset="0" />
                            <GradientStop Color="#FF156527" Offset="1" />
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                </Ellipse>
                <Ellipse Stroke="#FF000000" Width="20" Height="21" Canvas.Left="12.634" Canvas.Top="12.634">
                    <Ellipse.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="#FF3EB6F6" Offset="0" />
                            <GradientStop Color="#FF156527" Offset="1" />
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                </Ellipse>
                <Ellipse Stroke="#FF000000" Width="20" Height="21" RenderTransformOrigin="0.5,0.5" Canvas.Left="43.134" Canvas.Top="86.268">
                    <Ellipse.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="#FF3EB6F6" Offset="0" />
                            <GradientStop Color="#FF156527" Offset="1" />
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                    <Ellipse.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1" />
                            <SkewTransform AngleX="0" AngleY="0" />
                            <RotateTransform Angle="-45" />
                            <TranslateTransform X="0" Y="0" />
                        </TransformGroup>
                    </Ellipse.RenderTransform>
                </Ellipse>
                <Ellipse Stroke="#FF000000" Width="20" Height="21" RenderTransformOrigin="0.5,0.5" Canvas.Left="43.134">
                    <Ellipse.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="#FF3EB6F6" Offset="0" />
                            <GradientStop Color="#FF156527" Offset="1" />
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                    <Ellipse.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1" />
                            <SkewTransform AngleX="0" AngleY="0" />
                            <RotateTransform Angle="-45" />
                            <TranslateTransform X="0" Y="0" />
                        </TransformGroup>
                    </Ellipse.RenderTransform>
                </Ellipse>
                <Ellipse Stroke="#FF000000" Width="20" Height="21" RenderTransformOrigin="0.5,0.5" Canvas.Left="86.268" Canvas.Top="43.134">
                    <Ellipse.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="#FF3EB6F6" Offset="0" />
                            <GradientStop Color="#FF156527" Offset="1" />
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                    <Ellipse.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1" />
                            <SkewTransform AngleX="0" AngleY="0" />
                            <RotateTransform Angle="-45" />
                            <TranslateTransform X="0" Y="0" />
                        </TransformGroup>
                    </Ellipse.RenderTransform>
                </Ellipse>
                <Ellipse Stroke="#FF000000" Width="20" Height="21" RenderTransformOrigin="0.5,0.5" Canvas.Top="43.134">
                    <Ellipse.Fill>
                        <RadialGradientBrush>
                            <GradientStop Color="#FF3EB6F6" Offset="0" />
                            <GradientStop Color="#FF156527" Offset="1" />
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                    <Ellipse.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1" />
                            <SkewTransform AngleX="0" AngleY="0" />
                            <RotateTransform Angle="-135" />
                            <TranslateTransform X="0" Y="0" />
                        </TransformGroup>
                    </Ellipse.RenderTransform>
                </Ellipse>
            </Canvas>

        </Grid>
        <Canvas x:Name="mainContainer" Margin="15,75,15,12" RenderTransformOrigin="0.5,0.5">

            <StockPortfolio:GridArea x:Name="gridArea" />

            <StockPortfolio:ChartArea x:Name="chartArea" />
        
        </Canvas>
        <Button x:Name="btnPageBar" HorizontalAlignment="Left" Margin="8,255,0,255" VerticalAlignment="Stretch" Width="10" Content="Button" Style="{StaticResource PageBarButtonStyle}" d:LayoutOverrides="VerticalAlignment" Click="btnPageBar_Click" Visibility="Collapsed" />
    </Grid>

</UserControl>