<s:SurfaceWindow
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:s="http://schemas.microsoft.com/surface/2008"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
    xmlns:FingersDance_Control_UserPanel="clr-namespace:FingersDance.Control.UserPanel;assembly=FingersDance.Control.UserPanel"
    x:Class="FingersDance.SurfaceWindow1"
    Title="FingersDance"
    Width="1024" Height="768" x:Name="mainSurfaceWindow"
    xmlns:FingersDance_Control_Pivot="clr-namespace:FingersDance.Control.Pivot;assembly=FingersDance.Control.Pivot" Background="{x:Null}"
    >
  <s:SurfaceWindow.Resources>
    <ImageBrush x:Key="WindowBackground" Stretch="None" Opacity="0.6" ImageSource="pack://application:,,,/Resources/WindowBackground.jpg"/>
  </s:SurfaceWindow.Resources>

  <Grid x:Name="MainGrid" Width="1024" Height="768" >
  	<Grid.Background>
  		<LinearGradientBrush EndPoint="0.505,0.985" StartPoint="0.505,-0.015">
  			<GradientStop Color="#FF000000" Offset="0"/>
  			<GradientStop Color="#FF2A2A2A" Offset="0.544"/>
  			<GradientStop Color="#FF000000" Offset="1"/>
  		</LinearGradientBrush>
  	</Grid.Background>

  	<Grid HorizontalAlignment="Left" x:Name="Grid1" VerticalAlignment="Top" Width="100" Height="100" Background="{x:Null}">
  		<FingersDance_Control_UserPanel:UserControlUserPanel/>
  		<Rectangle Fill="{x:Null}" Stroke="#FFFFFFFF"/>
  	</Grid>
  	<Grid HorizontalAlignment="Right" Margin="0,0,0,0" x:Name="Grid4" VerticalAlignment="Top" Width="100" Height="100" Background="{x:Null}">
  		<FingersDance_Control_UserPanel:UserControlUserPanel/>
  		<Rectangle Fill="{x:Null}" Stroke="#FFFFFFFF"/>
  	</Grid>
  	<Grid HorizontalAlignment="Right" Margin="0,0,0,0" x:Name="Grid3" VerticalAlignment="Bottom" Width="100" Height="100" Background="{x:Null}">
  		<FingersDance_Control_UserPanel:UserControlUserPanel/>
  		<Rectangle Fill="{x:Null}" Stroke="#FFFFFFFF"/>
  	</Grid>
  	<Grid RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Left" Margin="0,0,0,0" x:Name="Grid2" VerticalAlignment="Bottom" Width="100" Height="100" Background="{x:Null}">
  		<Grid.RenderTransform>
  			<TransformGroup>
  				<ScaleTransform ScaleX="1" ScaleY="1"/>
  				<SkewTransform AngleX="0" AngleY="0"/>
  				<RotateTransform Angle="0"/>
  				<TranslateTransform X="0" Y="0"/>
  			</TransformGroup>
  		</Grid.RenderTransform>
  		<Rectangle Fill="{x:Null}" Stroke="#FFFFFFFF"/>
  		<FingersDance_Control_UserPanel:UserControlUserPanel/>
  	</Grid>
  	<s:ScatterView x:Name="ScaterView"  ContactChanged="ScaterView_ContactChanged">
            <s:ScatterViewItem CanMove="True" CanRotate="False" CanScale="False" >
                <Ellipse Width="55" Height="55" Fill="#FF101010" Stroke="#FF000000" x:Name="pivot" RenderTransformOrigin="0.5,0.5">
  			        <Ellipse.RenderTransform>
  				        <TransformGroup>
  					        <ScaleTransform ScaleX="1" ScaleY="1"/>
  					        <SkewTransform AngleX="0" AngleY="0"/>
  					        <RotateTransform Angle="0"/>
  					        <TranslateTransform X="0" Y="0"/>
  				        </TransformGroup>
  			        </Ellipse.RenderTransform>
  		        </Ellipse>
                </s:ScatterViewItem>
  		<s:ScatterViewItem CanMove="True" CanRotate="False" CanScale="False" Width="57" Height="57" >
  			<FingersDance_Control_Pivot:UserControlPivot/>
  		</s:ScatterViewItem>
  	</s:ScatterView>

  </Grid>
</s:SurfaceWindow>
