<Canvas
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	Width="640" Height="480"
	Background="#FF333333"
	x:Name="root"
  Loaded="javascript:rootLoaded"
	>
  <Canvas.Triggers>
    <EventTrigger>
      <BeginStoryboard>
        <Storyboard x:Name='scrollUp' BeginTime='1'>
          <DoubleAnimation By='111' Storyboard.TargetProperty='(Canvas.Top)' Storyboard.TargetName='itemsCanvas' Duration='0:0:0.33'/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard x:Name='scrollDown' BeginTime='1'>
          <DoubleAnimation By='-111' Storyboard.TargetProperty='(Canvas.Top)' Storyboard.TargetName='itemsCanvas' Duration='0:0:0.33'/>
        </Storyboard>
      </BeginStoryboard>
    </EventTrigger>
  </Canvas.Triggers>
  
	<Canvas x:Name="sceneCanvas" Width="510" Height="256" Canvas.Left="127">
		<Rectangle StrokeThickness="0" RadiusX="5" RadiusY="5" x:Name="sceneTitleRect" Width="510" Height="33" Canvas.Left="0" Canvas.Top="0">
			<Rectangle.Fill>
				<LinearGradientBrush EndPoint="0.481,0.111" StartPoint="0.481,0.527">
					<GradientStop Color="#FF333333" Offset="0"/>
					<GradientStop Color="#FF393939" Offset="0.438"/>
				</LinearGradientBrush>
			</Rectangle.Fill>
		</Rectangle>
		<TextBlock Width="110" Height="15" Foreground="#FFC2C2C2" Text="Scene" TextWrapping="Wrap" Canvas.Left="6" Canvas.Top="6" FontFamily="Tahoma" FontSize="11"/>
		<Canvas Clip="M0,0L510,0 510,229.5 0,229.5z" x:Name="sceneClipCanvas" Width="510" Height="229.5" Canvas.Top="26.494">
      <Canvas x:Name="sceneHatch" Width="510" Height="229.5">
        <Image Canvas.Left="0" Canvas.Top="0" Source="Hatch.PNG" Stretch="None"/>
        <Image Canvas.Left="1248" Canvas.Top="0" Source="Hatch.PNG" Stretch="None"/>
        <Image Canvas.Left="0" Canvas.Top="800" Source="Hatch.PNG" Stretch="None"/>
        <Image Canvas.Left="1248" Canvas.Top="800" Source="Hatch.PNG" Stretch="None"/>
      </Canvas>
      <Canvas x:Name="sceneHostCanvas" RenderTransformOrigin=".5,.5">
        <Canvas.RenderTransform>
          <TransformGroup>
            <ScaleTransform x:Name="sceneScale" />
            <TranslateTransform x:Name="sceneTranslate" />
          </TransformGroup>
        </Canvas.RenderTransform>
      </Canvas>
		</Canvas>
		<Canvas x:Name="zoomUI" Width="107" Height="16" Canvas.Left="397" Canvas.Top="5">
			<Canvas x:Name="zoomOutButton" Width="16" Height="16" Canvas.Left="91">
				<Rectangle Stroke="#FF000000" RadiusX="4" RadiusY="4" x:Name="zoomOutButtonRect" Width="16" Height="16" >
					<Rectangle.Fill>
						<LinearGradientBrush EndPoint="0.527,0.245" StartPoint="0.527,3.817">
							<GradientStop Color="#FF595959" Offset="0.885"/>
							<GradientStop Color="#FF6D6D6D" Offset="1"/>
						</LinearGradientBrush>
					</Rectangle.Fill>
				</Rectangle>
				<TextBlock x:Name="zoomOutButtonText" Width="29" Height="16" Canvas.Left="6" Canvas.Top="1" Foreground="#FFC5C5C5" Text="-" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11"/>
			</Canvas>
			<Canvas x:Name="zoomInButton" Width="16" Height="16">
				<Rectangle Stroke="#FF000000" RadiusX="4" RadiusY="4" x:Name="zoomInButtonRect" Width="16" Height="16" >
					<Rectangle.Fill>
						<LinearGradientBrush EndPoint="0.527,0.245" StartPoint="0.527,3.817">
							<GradientStop Color="#FF595959" Offset="0.885"/>
							<GradientStop Color="#FF6D6D6D" Offset="1"/>
						</LinearGradientBrush>
					</Rectangle.Fill>
				</Rectangle>
				<TextBlock x:Name="zoomInButtonText" Width="29" Height="16" Canvas.Left="4" Canvas.Top="1" Foreground="#FFC5C5C5" Text="+" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11"/>
			</Canvas>
			<TextBlock x:Name="zoomText" Width="75" Height="13" Foreground="#FFC5C5C5" Text="Zoom: 100%" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11" Canvas.Left="22.5" Canvas.Top="1"/>
		</Canvas>
	</Canvas>
  <Canvas x:Name="loadButton" Width="75" Height="21" Canvas.Left="433" Canvas.Top="453">
    <Rectangle Stroke="#FF000000" RadiusX="4" RadiusY="4" x:Name="loadButtonRect" Width="75" Height="21" >
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.527,0.245" StartPoint="0.527,3.817">
          <GradientStop Color="#FF595959" Offset="0.885"/>
          <GradientStop Color="#FF6D6D6D" Offset="1"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <TextBlock x:Name="loadButtonText" Width="29" Height="16" Canvas.Left="24" Canvas.Top="4" Foreground="#FFC5C5C5" Text="Load" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11"/>
  </Canvas>
  <TextBlock x:Name="errorTextBlock" Width="423" Height="16" Canvas.Left="129" Canvas.Top="458" Foreground="#FFC5C5C5" Text="" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11.3" />
  <Canvas x:Name="xamlCanvas" Width="510" Height="220" Canvas.Left="127" Canvas.Top="258">
    <Rectangle StrokeThickness="0" RadiusX="5" RadiusY="5" x:Name="xamlTitleRect" Width="510" Height="33" Canvas.Left="0" Canvas.Top="0">
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.481,0.111" StartPoint="0.481,0.527">
          <GradientStop Color="#FF333333" Offset="0"/>
          <GradientStop Color="#FF393939" Offset="0.438"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <TextBlock Width="110" Height="15" Foreground="#FFC2C2C2" Text="XAML" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11" Canvas.Left="6" Canvas.Top="6"/>
  </Canvas>
  <Canvas x:Name="toolbarCanvas" Width="123" Height="480">
    <Rectangle StrokeThickness="0" RadiusX="5" RadiusY="5" x:Name="toolbarTitleRect" Width="125" Height="33" Canvas.Left="0" Canvas.Top="0">
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.481,0.111" StartPoint="0.481,0.527">
          <GradientStop Color="#FF333333" Offset="0"/>
          <GradientStop Color="#FF393939" Offset="0.438"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>

    <TextBlock Width="110" Height="15" Canvas.Left="6" Canvas.Top="6" Foreground="#FFC2C2C2" Text="XAML Files" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11"/>
    <Canvas Clip="M0,0L121,0 121,412 0,412z" x:Name="itemsClippingCanvas" Width="121" Height="414" Canvas.Left="2" Canvas.Top="44.5">
      <Canvas x:Name="itemsCanvas">
        
      </Canvas>
    </Canvas>
    <Rectangle Stretch="Fill" Stroke="#FF595959" StrokeThickness="3" x:Name="borderRect" Width="121" Height="453" Canvas.Left="2" Canvas.Top="25" RadiusX="5" RadiusY="5" />
    <Canvas x:Name="scrollUpButton" Width="108" Height="12" Canvas.Left="8" Canvas.Top="31">
      <Rectangle Stroke="#FF000000" RadiusX="4" RadiusY="4" x:Name="scrollUpButtonRect" Width="109" Height="12" StrokeThickness="0" >
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.527,0.245" StartPoint="0.527,3.817">
            <GradientStop Color="#FF595959" Offset="0.885"/>
            <GradientStop Color="#FF6D6D6D" Offset="1"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock x:Name="scrollUpButtonText" Width="10" Height="12" Canvas.Left="50" Canvas.Top="1" Foreground="#FFC5C5C5" Text="^" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11" />
    </Canvas>
    <Canvas x:Name="scrollDownButton" Width="108" Height="12" Canvas.Left="8" Canvas.Top="460">
      <Rectangle Stroke="#FF000000" RadiusX="4" RadiusY="4" x:Name="scrollDownButtonRect" Width="109" Height="12" StrokeThickness="0" >
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.527,0.245" StartPoint="0.527,3.817">
            <GradientStop Color="#FF595959" Offset="0.885"/>
						<GradientStop Color="#FF6D6D6D" Offset="1"/>
					</LinearGradientBrush>
				</Rectangle.Fill>
			</Rectangle>
			
			<TextBlock x:Name="scrollDownButtonText" Width="10" Height="12" Canvas.Left="57" Canvas.Top="12" Foreground="#FFC5C5C5" Text="^" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11" RenderTransformOrigin=".5,.5">
				<TextBlock.RenderTransform>
					<RotateTransform Angle="180" />
				</TextBlock.RenderTransform>
			</TextBlock>
		</Canvas>
	</Canvas>
  <Canvas x:Name="loadingTextCanvas" Width="106" Height="106" Canvas.Left="9.5" Canvas.Top="200">
    <Rectangle Fill="#FF333333" StrokeThickness="0" RadiusX="5" RadiusY="5" Width="106" Height="50" Opacity=".8"/>
    <TextBlock x:Name="loadingText" Width="29" Height="16" Canvas.Left="3" Canvas.Top="4" Foreground="#FFC5C5C5" Text="Loading: blocks.xaml" TextWrapping="Wrap" FontFamily="Tahoma" FontSize="11"/>
    <Rectangle x:Name="loadingRect" Width="0" Height="4" Fill="Lime" Canvas.Top="30" Canvas.Left="5" />
  </Canvas>
</Canvas>