<Canvas
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	Width="640" Height="480"
	Loaded='javascript:handleSeventeenLoaded'
	x:Name='Root'
	>
	<Canvas.Triggers>
		<EventTrigger>
			<BeginStoryboard>
				<Storyboard x:Name='Intro'>
					<DoubleAnimation To='1' Storyboard.TargetProperty='Opacity' Storyboard.TargetName='Background' Duration='0:0:0.3'/>
					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(FrameworkElement.Height)">
						<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
						<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="480"/>
					</DoubleAnimationUsingKeyFrames>
				</Storyboard>
			</BeginStoryboard>
			<BeginStoryboard>
				<Storyboard x:Name='Outro' BeginTime='1'>
					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(FrameworkElement.Height)">
						<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
						<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="0"/>
					</DoubleAnimationUsingKeyFrames>
					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Background" Storyboard.TargetProperty="(UIElement.Opacity)">
						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
						<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>
						<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="0"/>
					</DoubleAnimationUsingKeyFrames>
					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ClippingHost" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
						<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
						<SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="0"/>
					</DoubleAnimationUsingKeyFrames>
				</Storyboard>
			</BeginStoryboard>
			<BeginStoryboard>
				<Storyboard x:Name="CloseIn" BeginTime='1'>
					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Close" Storyboard.TargetProperty="(UIElement.Opacity)">
						<SplineDoubleKeyFrame Value="1" KeyTime="00:00:00.2500000"/>
					</DoubleAnimationUsingKeyFrames>
				</Storyboard>
			</BeginStoryboard>
			<BeginStoryboard>
				<Storyboard x:Name="CloseOut" BeginTime='1'>
					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Close" Storyboard.TargetProperty="(UIElement.Opacity)">
						<SplineDoubleKeyFrame Value="0.4" KeyTime="00:00:00.2500000"/>
					</DoubleAnimationUsingKeyFrames>
				</Storyboard>
			</BeginStoryboard>
		</EventTrigger>
	</Canvas.Triggers>
	
	<Canvas Width='5000' Height='5000' Background='#C0000000' Opacity='0' x:Name='Background'>
		<Canvas x:Name="Foreground" Width="640" Height="480" Canvas.Top="30">
			<Rectangle Opacity="0.5" Fill="#FFFFFFFF" RadiusX="10" RadiusY="10" Width="640" Height="0" x:Name="rectangle"/>
			<TextBlock Canvas.Left="227" Canvas.Top="489" FontFamily="Arial" FontSize="11" FontWeight="Bold" Foreground="#FF949494" Text="Drag to pan, mouse wheel to zoom" TextWrapping="Wrap"/>

			<Canvas Opacity="0.4" x:Name="Close" Width="12.5" Height="12.5" Canvas.Left="641">
				<Ellipse Fill="#FF4D4D4D" StrokeEndLineCap="Square" StrokeStartLineCap="Square" StrokeThickness="2" Width="12.5" Height="12.5"/>
				<Path Stretch="Fill" StrokeEndLineCap="Square" Stroke="#FFFFFFFF" StrokeStartLineCap="Square" StrokeThickness="2" Data="M396.11851,-3.8814639 L403.88859,3.8886158" Width="6.5" Height="6.5" Canvas.Left="3" Canvas.Top="3"/>
				<Path Stretch="Fill" StrokeEndLineCap="Square" Stroke="#FFFFFFFF" StrokeStartLineCap="Square" StrokeThickness="2" Data="M396.11851,-3.8814639 L403.88859,3.8886158" RenderTransformOrigin="0.5,0.5" Width="6.5" Height="6.5" Canvas.Left="3" Canvas.Top="3">
					<Path.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="1" ScaleY="-1"/>
							<SkewTransform AngleX="0" AngleY="0"/>
							<RotateTransform Angle="0"/>
							<TranslateTransform X="0" Y="0"/>
						</TransformGroup>
					</Path.RenderTransform>
				</Path>
			</Canvas>
			<TextBlock FontFamily="Arial" FontSize="11" FontWeight="Bold" Foreground="#FF949494" Text="" TextWrapping="Wrap" x:Name="Description" Canvas.Left="0" Canvas.Top="-20"/>

		</Canvas>
		<Canvas x:Name="ClippingHost" Width="620" Height="460" Canvas.Top='40' Canvas.Left='10' Clip="M0,10C0,4.47715250169207,4.47715250169207,0,10,0L610,0C615.522847498308,0,620,4.47715250169207,620,10L620,450C620,455.522847498308,615.522847498308,460,610,460L10,460C4.47715250169207,460,0,455.522847498308,0,450z" RenderTransformOrigin="0.5,0">
			<Canvas.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="0" AngleY="0"/>
					<RotateTransform Angle="0"/>
					<TranslateTransform X="0" Y="0"/>
				</TransformGroup>
			</Canvas.RenderTransform>
			<Canvas x:Name="ContentHost"/>
		</Canvas>

	</Canvas>
</Canvas>