<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"

    x:Class="FingersDance.SurfaceWindow1"

    Title="FingersDance"

    Width="1024" Height="768" x:Name="mainSurfaceWindow"

    xmlns:FingersDance_Control_UserPanel="clr-namespace:FingersDance.Control.UserPanel;assembly=FingersDance.Control.UserPanel"

    >

  <s:SurfaceWindow.Resources>

    <ImageBrush x:Key="WindowBackground" Stretch="None" Opacity="0.6" ImageSource="pack://application:,,,/Resources/WindowBackground.jpg"/>

  </s:SurfaceWindow.Resources>

  <Grid Background="{StaticResource WindowBackground}" x:Name="MainGrid" Width="1024" Height="768" >

  	<Grid HorizontalAlignment="Left" x:Name="Grid1" VerticalAlignment="Top" Width="100" Height="100" Background="#7EFAFAFA">

  		<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="#7FFFFFFF">

  		<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="#7FFFFFFF">

  		<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="#7EFFFFFF">

  		<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:ScatterView>

  </Grid>

</s:SurfaceWindow>