<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="Olympics.Clock" mc:Ignorable="d" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006">
	<UserControl.Resources>

        <Style x:Key="PointerHourBeijing" TargetType="c1:C1RadialGaugePointer">
            <Style.Setters>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="c1:C1RadialGaugePointer">
                            <Path x:Name="Root" Fill="#FF000000" Stretch="Fill" StrokeThickness="1" Data="M3.9756064,5.5445509 L4.0695896,5.5445962 L8.1322165,18.964544 L4.0387254,28 L-0.13243239,18.964548 z" Stroke="#33EEE6B5" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style.Setters>
        </Style>
        
        <Style x:Key="PointerMinutesBeijing" TargetType="c1:C1RadialGaugePointer">
            <Style.Setters>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="c1:C1RadialGaugePointer">
                            <Path x:Name="Root" Fill="#FF000000" Stretch="Fill" StrokeThickness="1" Data="M2.5090137,0 L2.6303761,0 L7.091094,51.600563 L2.3851826,66.697784 L-2.0908449,51.600563 z" Stroke="#33EEE6B5" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style.Setters>
		</Style>

        <Style x:Key="PointerSecondsBeijing" TargetType="c1:C1RadialGaugePointer">
            <Style.Setters>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="c1:C1RadialGaugePointer">
                            <Rectangle x:Name="Root" RadiusX="1" RadiusY="1" Fill="#FF000000" Width="1" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style.Setters>
        </Style>
		
	</UserControl.Resources>
	<Grid>
		<!-- Seconds -->
		<c1:C1RadialGauge x:Name="clockSecs" Grid.Row="2" Value="20" Minimum="0" Maximum="60" StartAngle="0" SweepAngle="360" Radius="0.8" Background="Transparent" BorderThickness="0" FaceVisibility="Collapsed" CoverVisibility="Collapsed" DecoratorsVisibility="Collapsed" PointerStyle="{StaticResource PointerSecondsBeijing}" />

        <!-- Hours -->
		<c1:C1RadialGauge x:Name="clockHours" Background="Transparent" Value="9" Minimum="0" Maximum="12" StartAngle="0" SweepAngle="360" Radius="0.8" BorderThickness="0" FaceVisibility="Collapsed" CoverVisibility="Collapsed" PointerStyle="{StaticResource PointerHourBeijing}" PointerWidth="0.08" PointerLength="0.4" />

        <!-- Minutes -->
		<c1:C1RadialGauge x:Name="clockMins" Grid.Row="3" Background="Transparent" Value="0" Minimum="0" Maximum="60" StartAngle="0" SweepAngle="360" Radius="0.9" BorderThickness="0" Margin="1,1,1,1" CoverVisibility="Collapsed" DecoratorsVisibility="Collapsed" FaceVisibility="Collapsed" PointerCapFill="#FF000000" PointerCapStrokeThickness="0" PointerStyle="{StaticResource PointerMinutesBeijing}" PointerWidth="0.05" PointerLength="0.5" />
        
    </Grid>
</UserControl>