<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="Crop.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <UserControl.Resources>
        <SolidColorBrush Color="#66FFFFFF" x:Key="MaskBrush" />
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition />
            </Grid.RowDefinitions>
            <StackPanel Orientation="Horizontal" Margin="0,0,0,10">
              <Button Content="Load your own image" Click="LoadImage" Margin="0 0 10 0" Width="140" HorizontalAlignment="Left" />
              <Button Content="Export selection" Click="ExportImage" Grid.Column="1" Width="140" />
            </StackPanel>
            <Grid Name="imageGrid" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center">
	                <Grid.RowDefinitions>
	                    <RowDefinition Height="Auto" />
	                    <RowDefinition Height="*" />
	                    <RowDefinition Height="Auto" />
	                </Grid.RowDefinitions>
	                <Grid.ColumnDefinitions>
	                    <ColumnDefinition Width="Auto" />
	                    <ColumnDefinition Width="*" />
	                    <ColumnDefinition Width="Auto" />
	                </Grid.ColumnDefinitions>
	                <Image Stretch="None" Name="image" Grid.RowSpan="3" Grid.ColumnSpan="3" />
	                <Grid Name="topMask" Grid.ColumnSpan="2" Background="{StaticResource MaskBrush}" />
	                <Grid Name="bottomMask" Grid.Column="1" Grid.Row="2" Grid.ColumnSpan="2" Background="{StaticResource MaskBrush}" />
	                <Grid Name="leftMask" Grid.RowSpan="2" Grid.Row="1" Background="{StaticResource MaskBrush}" />
	                <Grid Name="rightMask" Grid.Column="2" Grid.RowSpan="2" Background="{StaticResource MaskBrush}" />
        </Grid>
    </Grid>
</UserControl>