Click here to Skip to main content
Click here to Skip to main content
 
Add your own
alternative version

An Introduction to the Silverlight samples in the All-In-One Framework

, 12 Dec 2009 Ms-PL
This article introduces several Silverlight samples in the All-In-One Framework.
SilverlightIntroduction_src.zip
CSSL3LocalMessage
Properties
CSSL3MediaElement
CSSL3MediaElement
Properties
CSSL3MediaElement.Web
App_Data
ClientBin
CSSL3MediaElement.xap
Properties
ReadMe.mht
CSSL3PixelShader
cyclewatery.ps
Humpback Whale.jpg
Properties
CSSL3WriteableBitmap
Heart Empty.png
Properties
VBSL3Animation
My Project
VBSL3DeepZoom
VBSL3DeepZoom
images
home_hover.png
home_pressed.png
home_rest.png
My Project
Service References
DeepZoomServiceReference
configuration.svcinfo
configuration91.svcinfo
GenerateDeepZoomService.disco
GenerateDeepZoomService.wsdl
Reference.svcmap
ServiceReferences.ClientConfig
VBSL3DeepZoom.Web
App_Code
App_Data
Bin
DeepZoomTools.DLL
DeepZoomTools.DLL.refresh
ClientBin
GeneratedImages
GenerateDeepZoomService.svc
SourceImages
atom.png
background.jpg
cell.png
dna.png
Molecular.png
neutron.png
seed.png
wrap in bamboo.png
VBSL3HTMLBridge
VBSL3HTMLBridge
My Project
VBSL3HTMLBridge.Web
App_Data
ClientBin
VBSL3HTMLBridge.xap
My Project
Application.myapp
MyExtensions
Settings.settings
VBSL3Input
My Project
VBSL3LocalMessage
My Project
VBSL3MediaElement
ReadMe.mht
VBSL3MediaElement
My Project
VBSL3MediaElement.Web
App_Data
ClientBin
VBSL3MediaElement.xap
My Project
Application.myapp
MyExtensions
Settings.settings
VBSL3PixelShader
cyclewatery.ps
Humpback Whale.jpg
My Project
CSSL3Animation
Properties
CSSL3DeepZoom
CSSL3DeepZoom
images
home_hover.png
home_pressed.png
home_rest.png
Properties
Service References
DeepZoomServiceReference
configuration.svcinfo
configuration91.svcinfo
GenerateDeepZoomService.disco
GenerateDeepZoomService.wsdl
GenerateDeepZoomService1.wsdl
Reference.svcmap
ServiceReferences.ClientConfig
CSSL3DeepZoom.Web
App_Code
Bin
DeepZoomTools.DLL
DeepZoomTools.DLL.refresh
ClientBin
GeneratedImages
GenerateDeepZoomService.svc
SourceImages
atom.png
background.jpg
cell.png
dna.png
Molecular.png
neutron.png
seed.png
wrap in bamboo.png
ReadMe.mht
CSSL3HTMLBridge
CSSL3HTMLBridge
Properties
CSSL3HTMLBridge.Web
App_Data
ClientBin
CSSL3HTMLBridge.xap
Properties
CSSL3Input
Properties
<?xml version="1.0" encoding="utf-8"?>
<!--Generated by Headlight Authoring Tool v1.0.0.0 on Sunday, August 23, 2009 5:20:59 AM.
XAML Format v1.0.0.1 .-->
<m:Ad xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:m="clr-namespace:HeadLight.Player.Model;assembly=HeadLight.Player" xmlns:v="clr-namespace:HeadLight.Player.View;assembly=HeadLight.Player" xmlns:u="clr-namespace:HeadLight.Player.Platform.Menu;assembly=HeadLight.Player" xmlns:p="clr-namespace:HeadLight.Player.Platform;assembly=HeadLight.Player" xmlns:c="clr-namespace:HeadLight.Player.Model.Configuration;assembly=HeadLight.Player">
  <m:Ad.MsiData>
  <m:MsiData Source="{x:Null}" AspectRatio="1.6" Width="15835" Height="9897" TileWidth="0" TileHeight="0" TileOverlap="0" />
</m:Ad.MsiData>
  <m:Ad.AdItems>
  <m:AdItem Title="background" FilePath="C:\Users\v-ylluo\Documents\Deep Zoom Sample\Source Images\background.jpg" ZOrder="1" X="0" Y="0" Width="1" Height="1" p:Ref.Key="background.jpg" />
  <m:AdItem Title="wrap in bamboo" FilePath="C:\Users\v-ylluo\Documents\Deep Zoom Sample\Source Images\wrap in bamboo.png" ZOrder="2" X="0.39352746520451171" Y="0.43532597145936464" Width="0.11503893973908351" Height="0.19655355771787522" p:Ref.Key="wrap in bamboo.png" />
  <m:AdItem Title="seed" FilePath="C:\Users\v-ylluo\Documents\Deep Zoom Sample\Source Images\seed.png" ZOrder="3" X="0.45233038899518563" Y="0.41115961409665924" Width="0.016101924284346553" Height="0.030902845210057629" p:Ref.Key="seed.png" />
  <m:AdItem Title="cell" FilePath="C:\Users\v-ylluo\Documents\Deep Zoom Sample\Source Images\cell.png" ZOrder="4" X="0.4614286117524633" Y="0.41498908821111613" Width="0.0011242529498199753" Height="0.00087999079813247" p:Ref.Key="cell.png" />
  <m:AdItem Title="dna" FilePath="C:\Users\v-ylluo\Documents\Deep Zoom Sample\Source Images\dna.png" ZOrder="5" X="0.46167677093417242" Y="0.41529914551416042" Width="6.2177196146266531E-05" Height="0.0002468071882441743" p:Ref.Key="dna.png" />
  <m:AdItem Title="7" FilePath="C:\Users\v-ylluo\Documents\Deep Zoom Sample\Source Images\7.png" ZOrder="6" X="0.46170387433257781" Y="0.4153463929486883" Width="6.6416993343666939E-06" Height="4.6039656801110658E-06" p:Ref.Key="7.png" />
  <m:AdItem Title="atom" FilePath="C:\Users\v-ylluo\Documents\Deep Zoom Sample\Source Images\atom.png" ZOrder="7" X="0.46170429991284095" Y="0.4153489125914343" Width="1.0072913838984113E-06" Height="1.5465644262731864E-06" p:Ref.Key="atom.png" />
  <m:AdItem Title="neutron" FilePath="C:\Users\v-ylluo\Documents\Deep Zoom Sample\Source Images\neutron.png" ZOrder="8" X="0.46170466267723509" Y="0.4153494808413099" Width="1.4900195938318578E-07" Height="2.269597845324686E-07" p:Ref.Key="neutron.png" />
</m:Ad.AdItems>
  <m:Ad.Viewer>
    <v:AdViewer>
      <v:AdViewer.Resources>
        <ResourceDictionary>          <Style p:Ref.Key="TransparentToolTipStyle" x:Key="TransparentToolTipStyle" TargetType="ToolTip">
            <Setter Property="Background" Value="Black"/>
            <Setter Property="Padding" Value="2,0,2,0"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BorderBrush" Value="#00CCFF" />
            <Setter Property="Foreground" Value="White" />
            <Setter Property="VerticalOffset" Value="15" />
            <Setter Property="Template">
              <Setter.Value>
                <ControlTemplate TargetType="ToolTip">
                  <Border x:Name="Root" BorderThickness="{TemplateBinding BorderThickness}" Background="Transparent" BorderBrush="{TemplateBinding BorderBrush}">
                    <Grid>
                      <Border Opacity="0.6" BorderThickness="0" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}">
                        <Border.Resources>
                          <Storyboard x:Key="Visible State"/>
                          <Storyboard x:Key="Normal State"/>
                        </Border.Resources>
                      </Border>
                      <ContentPresenter Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"
                              Cursor="{TemplateBinding Cursor}" Margin="{TemplateBinding Padding}" />
                    </Grid>
                  </Border>
                </ControlTemplate>
              </Setter.Value>
            </Setter>
          </Style>

          <ControlTemplate x:Key="IconButtonTemplate" TargetType="p:IconButton">
            <Grid>

              <vsm:VisualStateManager.VisualStateGroups>

                <vsm:VisualStateGroup x:Name="MyStates">

                  <vsm:VisualStateGroup.Transitions>
                    <vsm:VisualTransition GeneratedDuration="0:0:.2" />
                  </vsm:VisualStateGroup.Transitions>

                  <vsm:VisualState x:Name="MyEnabled">
                    <Storyboard>
                      <DoubleAnimation Storyboard.TargetName="DisabledIcon"
                          Storyboard.TargetProperty="Opacity" To="0" />
                      <DoubleAnimation Storyboard.TargetName="EnabledGroup"
                          Storyboard.TargetProperty="Opacity" To="1" />
                    </Storyboard>
                  </vsm:VisualState>

                  <vsm:VisualState x:Name="MyDisabled">
                    <Storyboard>
                      <DoubleAnimation Storyboard.TargetName="DisabledIcon"
                          Storyboard.TargetProperty="Opacity" To="1"/>
                      <DoubleAnimation Storyboard.TargetName="EnabledGroup"
                          Storyboard.TargetProperty="Opacity" To="0" />
                    </Storyboard>
                  </vsm:VisualState>

                </vsm:VisualStateGroup>

                <VisualStateGroup x:Name="CommonStates">

                  <VisualStateGroup.Transitions>
                    <VisualTransition GeneratedDuration="0:0:.2" />
                    <VisualTransition To="Pressed" GeneratedDuration="0:0:.01" />
                    <VisualTransition From="Pressed" To="MouseOver" GeneratedDuration="0:0:.01" />
                  </VisualStateGroup.Transitions>

                  <VisualState x:Name="Normal">
                    <Storyboard>
                      <DoubleAnimation Storyboard.TargetName="Selection"
                                       Storyboard.TargetProperty="Opacity" To="0" />
                      <DoubleAnimation Storyboard.TargetName="EnabledIcon"
                          Storyboard.TargetProperty="Opacity" To="1" />
                      <DoubleAnimation Storyboard.TargetName="PressedIcon"
                          Storyboard.TargetProperty="Opacity" To="0" />
                    </Storyboard>
                  </VisualState>

                  <VisualState x:Name="MouseOver">
                    <Storyboard>
                      <DoubleAnimation Storyboard.TargetName="Selection"
                                       Storyboard.TargetProperty="Opacity" To="0.8" />
                      <DoubleAnimation Storyboard.TargetName="EnabledIcon"
                          Storyboard.TargetProperty="Opacity" To="1" />
                      <DoubleAnimation Storyboard.TargetName="PressedIcon"
                          Storyboard.TargetProperty="Opacity" To="0" />
                    </Storyboard>
                  </VisualState>
                  <VisualState x:Name="Pressed">
                    <Storyboard>

                      <DoubleAnimation Storyboard.TargetName="Selection"
                                       Storyboard.TargetProperty="Opacity" To="0.8" />
                      <DoubleAnimation Storyboard.TargetName="EnabledIcon"
                          Storyboard.TargetProperty="Opacity" To="0" />
                      <DoubleAnimation Storyboard.TargetName="PressedIcon"
                          Storyboard.TargetProperty="Opacity" To="1" />
                    </Storyboard>
                  </VisualState>
                </VisualStateGroup>

              </vsm:VisualStateManager.VisualStateGroups>

              <Rectangle x:Name="Background" Fill="Black" Opacity="0.6"></Rectangle>

              <Grid x:Name="EnabledGroup">
                <Rectangle x:Name="Selection" Fill="#00CCFF" Margin="0,3,0,3" Opacity="0"/>
                <ContentPresenter x:Name="EnabledIcon" Content="{TemplateBinding EnabledIcon}"/>
                <ContentPresenter x:Name="PressedIcon" Content="{TemplateBinding PressedIcon}" Opacity="0"/>
              </Grid>
                
              <ContentPresenter x:Name="DisabledIcon" Content="{TemplateBinding DisabledIcon}" Opacity="0"/>

            </Grid>
          </ControlTemplate>

          <Style x:Key="IconButtonStyle" TargetType="p:IconButton">
            <Setter Property="Width" Value="16"/>
            <Setter Property="Height" Value="21"/>
            <Setter Property="Template" Value="{StaticResource IconButtonTemplate}" />
          </Style>

          <ControlTemplate x:Key="SubmenuBtnTemplate" TargetType="u:SubmenuBtn">
            <Grid>
              <vsm:VisualStateManager.VisualStateGroups>

                <vsm:VisualStateGroup x:Name="Highlighting">

                  <vsm:VisualStateGroup.Transitions>
                    <vsm:VisualTransition GeneratedDuration="0:0:.2" />
                  </vsm:VisualStateGroup.Transitions>

                  <vsm:VisualState x:Name="HighlightingOff" />

                  <vsm:VisualState x:Name="HighlightingOn">
                    <Storyboard>
                      <DoubleAnimation Storyboard.TargetName="Selection"
                          Storyboard.TargetProperty="Opacity" To="0.8" Duration="0" />
                    </Storyboard>
                  </vsm:VisualState>

                </vsm:VisualStateGroup>

              </vsm:VisualStateManager.VisualStateGroups>

              <Rectangle x:Name="Background" Fill="Black"  Opacity="0.6"/>
              <Rectangle x:Name="Selection" Opacity="0" RadiusX="3" RadiusY="3" Fill="#00CCFF" />
              <Grid>
                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="*"/>
                  <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>

                <ContentPresenter Content="{TemplateBinding Content}" Grid.Column="0" Grid.Row="0" ContentTemplate="{TemplateBinding ContentTemplate}"
                      VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0,10,0"/>
                <Path x:Name="RightArrow" Margin="0,5,5,0" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Fill="White" Data="M 0 -5 L 5 0 L 0 5 Z" />
                <Path x:Name="BottomArrow" Margin="0,0,5,0" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Fill="White" Data="M 0 0 L 5 5 L 10 0 Z" />
              </Grid>
            </Grid>
          </ControlTemplate>

          <ControlTemplate x:Key="OpenMenuBtnTemplate" TargetType="u:SubmenuBtn">
            <Grid>
              <vsm:VisualStateManager.VisualStateGroups>

                <vsm:VisualStateGroup x:Name="Highlighting">

                  <vsm:VisualStateGroup.Transitions>
                    <vsm:VisualTransition GeneratedDuration="0:0:.2" />
                  </vsm:VisualStateGroup.Transitions>

                  <vsm:VisualState x:Name="HighlightingOff" />

                  <vsm:VisualState x:Name="HighlightingOn">
                    <Storyboard>
                      <DoubleAnimation Storyboard.TargetName="Selection"
                          Storyboard.TargetProperty="Opacity" To="0.8" Duration="0" />
                    </Storyboard>
                  </vsm:VisualState>

                </vsm:VisualStateGroup>

              </vsm:VisualStateManager.VisualStateGroups>

              <Rectangle x:Name="Background" Fill="Black"  Opacity="0.6"/>
              <Rectangle x:Name="Selection" Margin="0,3,0,3" Opacity="0" Fill="#00CCFF" />
              <ContentPresenter Content="{TemplateBinding Content}" Grid.Column="0" Grid.Row="0" ContentTemplate="{TemplateBinding ContentTemplate}"
                    VerticalAlignment="Center" HorizontalAlignment="Left" />
            </Grid>
          </ControlTemplate>

          <Style TargetType="u:SubmenuBtn" x:Key="SubmenuBtnStyle">
            <Setter Property="Foreground" Value="White" />
            <Setter Property="Template" Value="{StaticResource SubmenuBtnTemplate}" />
          </Style>
          
          <Style TargetType="u:SubmenuBtn" x:Key="ClickableSubmenuBtnStyle">
            <Setter Property="Foreground" Value="White" />
            <Setter Property="Template" Value="{StaticResource SubmenuBtnTemplate}" />
          </Style>
          
          <Style TargetType="u:MenuItemBtn" x:Key="MenuItemBtnStyle">
            <Setter Property="Foreground" Value="White" />
            <Setter Property="Template">
              <Setter.Value>
                <ControlTemplate TargetType="u:MenuItemBtn">
                  <Grid>
                    <vsm:VisualStateManager.VisualStateGroups>

                      <vsm:VisualStateGroup x:Name="Highlighting">

                        <vsm:VisualStateGroup.Transitions>
                          <vsm:VisualTransition GeneratedDuration="0:0:.2" />
                        </vsm:VisualStateGroup.Transitions>

                        <vsm:VisualState x:Name="HighlightingOff" />

                        <vsm:VisualState x:Name="HighlightingOn">
                          <Storyboard>
                            <DoubleAnimation Storyboard.TargetName="Selection"
                                Storyboard.TargetProperty="Opacity" To="0.8" Duration="0" />
                          </Storyboard>
                        </vsm:VisualState>

                      </vsm:VisualStateGroup>

                    </vsm:VisualStateManager.VisualStateGroups>

                    <Rectangle x:Name="Background" Fill="Black" Opacity="0.6" />
                    <Rectangle x:Name="Selection" Opacity="0" RadiusX="3" RadiusY="3" Fill="#00CCFF"/>
                    <ContentPresenter Content="{TemplateBinding Content}" Grid.Column="0" Grid.Row="0"
            ContentTemplate="{TemplateBinding ContentTemplate}"
            VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0,10,0" />
                  </Grid>
                </ControlTemplate>
              </Setter.Value>
            </Setter>
          </Style>

          <ControlTemplate x:Key="ActionCursorTemplate">
            <Canvas Width="20" Height="20" IsHitTestVisible="False">
              <Canvas.RenderTransform>
                <ScaleTransform ScaleX="0.1117" ScaleY="0.1117" />
                <!-- 0.1117 ~= 20/179; Where 20 is the desired size; 179 is the size of paths below -->
              </Canvas.RenderTransform>
              <Path Fill="#ffffffff" Data="F1 M 75.000000,120.000000 C 50.146484,120.000000 30.000000,99.853516 30.000000,75.000000 C 30.000000,50.146484 50.146484,30.000000 75.000000,30.000000 C 99.851563,30.000000 120.000000,50.146484 120.000000,75.000000 C 120.000000,99.853516 99.851563,120.000000 75.000000,120.000000 Z"/>
              <Path StrokeThickness="1.000000" Stroke="#ff000000" StrokeMiterLimit="1.000000" Fill="#ff000000" Data="F1 M 97.289063,67.500000 L 82.500000,67.500000 L 82.500000,52.708984 C 82.500000,48.451172 79.142578,45.000000 75.000000,45.000000 C 70.857422,45.000000 67.500000,48.451172 67.500000,52.708984 L 67.500000,67.500000 L 52.708984,67.500000 C 48.451172,67.500000 45.000000,70.857422 45.000000,75.000000 C 45.000000,79.140625 48.451172,82.500000 52.708984,82.500000 L 67.500000,82.500000 L 67.500000,97.289063 C 67.500000,101.546875 70.857422,105.000000 75.000000,105.000000 C 79.142578,105.000000 82.500000,101.546875 82.500000,97.289063 L 82.500000,82.500000 L 97.289063,82.500000 C 101.546875,82.500000 105.000000,79.140625 105.000000,75.000000 C 105.000000,70.857422 101.546875,67.500000 97.289063,67.500000 Z"/>
              <Path Fill="#ff221e1f" Data="F1 M 75.000000,120.000000 C 50.146484,120.000000 30.000000,99.853516 30.000000,75.000000 C 30.000000,50.146484 50.146484,30.000000 75.000000,30.000000 C 99.851563,30.000000 120.000000,50.146484 120.000000,75.000000 C 120.000000,99.853516 99.851563,120.000000 75.000000,120.000000 Z M 175.216797,159.306641 L 124.629883,108.719727 C 129.841797,101.062500 133.314453,92.134766 134.516602,82.500000 L 142.289063,82.500000 C 146.548828,82.500000 150.000000,79.142578 150.000000,75.000000 C 150.000000,70.857422 146.548828,67.500000 142.289063,67.500000 L 134.516602,67.500000 C 133.150391,56.547363 128.836914,46.516602 122.386719,38.219238 L 127.883789,32.722656 C 130.894531,29.710938 130.960938,24.896484 128.032227,21.966797 C 125.103516,19.039063 120.289063,19.103516 117.277344,22.115234 L 111.780273,27.612305 C 103.482422,21.163086 93.452148,16.850098 82.500000,15.483398 L 82.500000,7.708984 C 82.500000,3.451172 79.142578,0.000000 75.000000,0.000000 C 70.857422,0.000000 67.500000,3.451172 67.500000,7.708984 L 67.500000,15.483398 C 56.546875,16.850098 46.515625,21.163086 38.218750,27.612793 L 32.720703,22.115234 C 29.708984,19.103516 24.896484,19.037109 21.966797,21.966797 C 19.037109,24.894531 19.103516,29.710938 22.115234,32.722656 L 27.612305,38.219727 C 21.163086,46.516602 16.849609,56.547852 15.483398,67.500000 L 7.708984,67.500000 C 3.451172,67.500000 0.000000,70.857422 0.000000,75.000000 C 0.000000,79.142578 3.451172,82.500000 7.708984,82.500000 L 15.483398,82.500000 C 16.849609,93.452148 21.162109,103.482422 27.611328,111.779297 L 22.113281,117.277344 C 19.103516,120.289063 19.037109,125.103516 21.964844,128.033203 C 24.894531,130.962891 29.710938,130.894531 32.720703,127.884766 L 38.218750,122.386719 C 46.515625,128.836914 56.546875,133.150391 67.500000,134.516602 L 67.500000,142.289063 C 67.500000,146.546875 70.857422,150.000000 75.000000,150.000000 C 79.142578,150.000000 82.500000,146.546875 82.500000,142.289063 L 82.500000,134.516602 C 92.134766,133.314453 101.061523,129.842773 108.717773,124.630859 L 159.306641,175.217773 C 163.822266,179.732422 171.046875,179.832031 175.439453,175.440430 C 179.833984,171.045898 179.732422,163.821289 175.216797,159.306641 Z"/>
            </Canvas>
          </ControlTemplate>

          <ControlTemplate x:Key="AdImageTemplate">
            <Grid Background="Black">
              <MultiScaleImage x:Name="MSI" Canvas.Left="0" Canvas.Top="0" Canvas.ZIndex="0" />
              <Canvas>
                <Rectangle x:Name="Highlighting" IsHitTestVisible="False" Stroke="#00CCFF" StrokeThickness="2" Visibility="Collapsed" Opacity="0.8"/>
                <p:Cursor x:Name="ActionCursor" HotSpotX="8" HotSpotY="8" Template="{StaticResource ActionCursorTemplate}"/>
              </Canvas>
            </Grid>
          </ControlTemplate>

          <DataTemplate x:Key="ToolbarSeparatorTemplate">
            <Grid Grid.Column="13" Width="3" Height="21" Background="Black" Opacity="0.6">
              <Rectangle Height="15" Margin="1,0,1,0" Fill="#00CCFF" Opacity="0.8"/>
            </Grid>
          </DataTemplate>
</ResourceDictionary>
      </v:AdViewer.Resources>      <v:AdViewer.Template>
        <ControlTemplate>
          <Grid x:Name="Root" >

            <v:AdImage x:Name="Image" Template="{StaticResource AdImageTemplate}"/>

            <Grid Height="21" VerticalAlignment="Top">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
              </Grid.ColumnDefinitions>

              <u:SubmenuBtn Grid.Column="0" x:Name="MainMenuButton" Visibility="Collapsed" Width="15" Height="21" SubmenuPos="Bottom" 
                            Template="{StaticResource OpenMenuBtnTemplate}">
                
                <u:SubmenuBtn.ContentTemplate>
                  <DataTemplate>
                    <Grid>
                      <Canvas>
                        <Canvas.RenderTransform>
                          <TranslateTransform X="1" Y="1"/>
                        </Canvas.RenderTransform>
                        <Path Fill="Black" Opacity="0.5" Data="F1 M 3.959961,8.645508 L 7.181152,11.867188 C 7.359375,12.044922 7.647461,12.044922 7.826172,11.867188 L 11.046875,8.645508 C 11.224609,8.466797 11.404297,8.001953 10.724609,8.001953 L 10.699219,8.001953 L 4.301270,8.000000 L 4.282715,8.001953 C 3.583008,7.991211 3.781738,8.466797 3.959961,8.645508 Z"/>
                        <Path Fill="Black" Opacity="0.5" Data="F1 M 11.500000,4.513672 C 11.500000,4.783203 11.238281,5.001465 10.916016,5.001465 L 4.083984,5.001465 C 3.761719,5.001465 3.500000,4.783203 3.500000,4.513672 L 3.500000,4.513672 C 3.500000,4.244141 3.761719,4.025879 4.083984,4.025879 L 10.916016,4.025879 C 11.238281,4.025879 11.500000,4.244141 11.500000,4.513672 L 11.500000,4.513672 Z"/>
                      </Canvas>
                      <Canvas Width="15" Height="15">
                        <Path Fill="#ffffffff" Data="F1 M 3.959961,8.645508 L 7.181152,11.867188 C 7.359375,12.044922 7.647461,12.044922 7.826172,11.867188 L 11.046875,8.645508 C 11.224609,8.466797 11.404297,8.001953 10.724609,8.001953 L 10.699219,8.001953 L 4.301270,8.000000 L 4.282715,8.001953 C 3.583008,7.991211 3.781738,8.466797 3.959961,8.645508 Z"/>
                        <Path Fill="#ffffffff" Data="F1 M 11.500000,4.513672 C 11.500000,4.783203 11.238281,5.001465 10.916016,5.001465 L 4.083984,5.001465 C 3.761719,5.001465 3.500000,4.783203 3.500000,4.513672 L 3.500000,4.513672 C 3.500000,4.244141 3.761719,4.025879 4.083984,4.025879 L 10.916016,4.025879 C 11.238281,4.025879 11.500000,4.244141 11.500000,4.513672 L 11.500000,4.513672 Z"/>
                      </Canvas>
                    </Grid>                      
                  </DataTemplate>                    
                </u:SubmenuBtn.ContentTemplate>
                <u:Menu />                  
              </u:SubmenuBtn>

              <ContentPresenter Grid.Column="1" ContentTemplate="{StaticResource ToolbarSeparatorTemplate}" />
                                
              <p:IconButton Grid.Column="2" x:Name="ButtonZoomOut" Style="{StaticResource IconButtonStyle}">
                <ToolTipService.ToolTip>
                  <ToolTip Content="Zoom out" Style="{StaticResource TransparentToolTipStyle}" />
                </ToolTipService.ToolTip>
                <p:IconButton.EnabledIcon>
                  <Grid>
                    <Canvas Width="15" Height="15">
                      <Canvas.RenderTransform>
                        <TranslateTransform X="1" Y="1"/>
                      </Canvas.RenderTransform>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 10.099609,7.500000 C 10.099609,7.858887 9.800781,8.150391 9.431641,8.150391 L 5.567871,8.150391 C 5.199219,8.150391 4.900391,7.858887 4.900391,7.500000 L 4.900391,7.500000 C 4.900391,7.141113 5.199219,6.849609 5.567871,6.849609 L 9.431641,6.849609 C 9.800781,6.849609 10.099609,7.141113 10.099609,7.500000 L 10.099609,7.500000 Z"/>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 7.500000,11.400391 C 5.345703,11.400391 3.599609,9.654297 3.599609,7.500000 C 3.599609,5.346191 5.345703,3.599609 7.500000,3.599609 C 9.654297,3.599609 11.400391,5.346191 11.400391,7.500000 C 11.400391,9.654297 9.654297,11.400391 7.500000,11.400391 Z M 13.332031,6.849609 L 12.658203,6.849609 C 12.539063,5.900879 12.166016,5.031738 11.607422,4.312500 L 12.083984,3.835938 C 12.343750,3.574707 12.349609,3.157715 12.095703,2.903809 C 11.841797,2.649902 11.425781,2.655762 11.164063,2.916504 L 10.687500,3.393066 C 9.968750,2.833984 9.099609,2.460449 8.150391,2.342285 L 8.150391,1.668457 C 8.150391,1.299316 7.858887,1.000000 7.500000,1.000000 C 7.141113,1.000000 6.849609,1.299316 6.849609,1.668457 L 6.849609,2.342285 C 5.900879,2.460449 5.031738,2.833984 4.312500,3.393066 L 3.835938,2.916504 C 3.574707,2.655762 3.157715,2.649902 2.903809,2.903809 C 2.649902,3.157715 2.655762,3.574707 2.916504,3.835938 L 3.393066,4.312500 C 2.833984,5.031738 2.460449,5.900879 2.342285,6.849609 L 1.668457,6.849609 C 1.299316,6.849609 1.000000,7.141113 1.000000,7.500000 C 1.000000,7.858887 1.299316,8.150391 1.668457,8.150391 L 2.342285,8.150391 C 2.460449,9.099609 2.833984,9.968750 3.393066,10.687500 L 2.916504,11.164063 C 2.655762,11.425781 2.649902,11.841797 2.903809,12.095703 C 3.157715,12.349609 3.574707,12.343750 3.835938,12.083984 L 4.312012,11.607422 C 5.031738,12.166016 5.900879,12.539063 6.849609,12.658203 L 6.849609,13.332031 C 6.849609,13.701172 7.141113,14.000000 7.500000,14.000000 C 7.858887,14.000000 8.150391,13.701172 8.150391,13.332031 L 8.150391,12.658203 C 9.099609,12.539063 9.968750,12.166016 10.687500,11.607422 L 11.164063,12.083984 C 11.425781,12.343750 11.841797,12.349609 12.095703,12.095703 C 12.349609,11.841797 12.343750,11.425781 12.083984,11.164063 L 11.607422,10.687500 C 12.166016,9.968750 12.539063,9.099609 12.658203,8.150391 L 13.332031,8.150391 C 13.701172,8.150391 14.000000,7.858887 14.000000,7.500000 C 14.000000,7.141113 13.701172,6.849609 13.332031,6.849609 Z"/>
                    </Canvas>
                    <Canvas Width="15" Height="15">
                      <Path Fill="#ffffffff" Data="F1 M 10.099609,7.500000 C 10.099609,7.858887 9.800781,8.150391 9.431641,8.150391 L 5.567871,8.150391 C 5.199219,8.150391 4.900391,7.858887 4.900391,7.500000 L 4.900391,7.500000 C 4.900391,7.141113 5.199219,6.849609 5.567871,6.849609 L 9.431641,6.849609 C 9.800781,6.849609 10.099609,7.141113 10.099609,7.500000 L 10.099609,7.500000 Z"/>
                      <Path Fill="#ffffffff" Data="F1 M 7.500000,11.400391 C 5.345703,11.400391 3.599609,9.654297 3.599609,7.500000 C 3.599609,5.346191 5.345703,3.599609 7.500000,3.599609 C 9.654297,3.599609 11.400391,5.346191 11.400391,7.500000 C 11.400391,9.654297 9.654297,11.400391 7.500000,11.400391 Z M 13.332031,6.849609 L 12.658203,6.849609 C 12.539063,5.900879 12.166016,5.031738 11.607422,4.312500 L 12.083984,3.835938 C 12.343750,3.574707 12.349609,3.157715 12.095703,2.903809 C 11.841797,2.649902 11.425781,2.655762 11.164063,2.916504 L 10.687500,3.393066 C 9.968750,2.833984 9.099609,2.460449 8.150391,2.342285 L 8.150391,1.668457 C 8.150391,1.299316 7.858887,1.000000 7.500000,1.000000 C 7.141113,1.000000 6.849609,1.299316 6.849609,1.668457 L 6.849609,2.342285 C 5.900879,2.460449 5.031738,2.833984 4.312500,3.393066 L 3.835938,2.916504 C 3.574707,2.655762 3.157715,2.649902 2.903809,2.903809 C 2.649902,3.157715 2.655762,3.574707 2.916504,3.835938 L 3.393066,4.312500 C 2.833984,5.031738 2.460449,5.900879 2.342285,6.849609 L 1.668457,6.849609 C 1.299316,6.849609 1.000000,7.141113 1.000000,7.500000 C 1.000000,7.858887 1.299316,8.150391 1.668457,8.150391 L 2.342285,8.150391 C 2.460449,9.099609 2.833984,9.968750 3.393066,10.687500 L 2.916504,11.164063 C 2.655762,11.425781 2.649902,11.841797 2.903809,12.095703 C 3.157715,12.349609 3.574707,12.343750 3.835938,12.083984 L 4.312012,11.607422 C 5.031738,12.166016 5.900879,12.539063 6.849609,12.658203 L 6.849609,13.332031 C 6.849609,13.701172 7.141113,14.000000 7.500000,14.000000 C 7.858887,14.000000 8.150391,13.701172 8.150391,13.332031 L 8.150391,12.658203 C 9.099609,12.539063 9.968750,12.166016 10.687500,11.607422 L 11.164063,12.083984 C 11.425781,12.343750 11.841797,12.349609 12.095703,12.095703 C 12.349609,11.841797 12.343750,11.425781 12.083984,11.164063 L 11.607422,10.687500 C 12.166016,9.968750 12.539063,9.099609 12.658203,8.150391 L 13.332031,8.150391 C 13.701172,8.150391 14.000000,7.858887 14.000000,7.500000 C 14.000000,7.141113 13.701172,6.849609 13.332031,6.849609 Z"/>
                    </Canvas>
                  </Grid>
                </p:IconButton.EnabledIcon>
                <p:IconButton.PressedIcon>
                  <Canvas Width="15" Height="15">
                    <Path Fill="#ffffffff" Data="F1 M 10.099609,7.500000 C 10.099609,7.858887 9.800781,8.150391 9.431641,8.150391 L 5.567871,8.150391 C 5.199219,8.150391 4.900391,7.858887 4.900391,7.500000 L 4.900391,7.500000 C 4.900391,7.141113 5.199219,6.849609 5.567871,6.849609 L 9.431641,6.849609 C 9.800781,6.849609 10.099609,7.141113 10.099609,7.500000 L 10.099609,7.500000 Z"/>
                    <Path Fill="#ffffffff" Data="F1 M 7.500000,11.400391 C 5.345703,11.400391 3.599609,9.654297 3.599609,7.500000 C 3.599609,5.346191 5.345703,3.599609 7.500000,3.599609 C 9.654297,3.599609 11.400391,5.346191 11.400391,7.500000 C 11.400391,9.654297 9.654297,11.400391 7.500000,11.400391 Z M 13.332031,6.849609 L 12.658203,6.849609 C 12.539063,5.900879 12.166016,5.031738 11.607422,4.312500 L 12.083984,3.835938 C 12.343750,3.574707 12.349609,3.157715 12.095703,2.903809 C 11.841797,2.649902 11.425781,2.655762 11.164063,2.916504 L 10.687500,3.393066 C 9.968750,2.833984 9.099609,2.460449 8.150391,2.342285 L 8.150391,1.668457 C 8.150391,1.299316 7.858887,1.000000 7.500000,1.000000 C 7.141113,1.000000 6.849609,1.299316 6.849609,1.668457 L 6.849609,2.342285 C 5.900879,2.460449 5.031738,2.833984 4.312500,3.393066 L 3.835938,2.916504 C 3.574707,2.655762 3.157715,2.649902 2.903809,2.903809 C 2.649902,3.157715 2.655762,3.574707 2.916504,3.835938 L 3.393066,4.312500 C 2.833984,5.031738 2.460449,5.900879 2.342285,6.849609 L 1.668457,6.849609 C 1.299316,6.849609 1.000000,7.141113 1.000000,7.500000 C 1.000000,7.858887 1.299316,8.150391 1.668457,8.150391 L 2.342285,8.150391 C 2.460449,9.099609 2.833984,9.968750 3.393066,10.687500 L 2.916504,11.164063 C 2.655762,11.425781 2.649902,11.841797 2.903809,12.095703 C 3.157715,12.349609 3.574707,12.343750 3.835938,12.083984 L 4.312012,11.607422 C 5.031738,12.166016 5.900879,12.539063 6.849609,12.658203 L 6.849609,13.332031 C 6.849609,13.701172 7.141113,14.000000 7.500000,14.000000 C 7.858887,14.000000 8.150391,13.701172 8.150391,13.332031 L 8.150391,12.658203 C 9.099609,12.539063 9.968750,12.166016 10.687500,11.607422 L 11.164063,12.083984 C 11.425781,12.343750 11.841797,12.349609 12.095703,12.095703 C 12.349609,11.841797 12.343750,11.425781 12.083984,11.164063 L 11.607422,10.687500 C 12.166016,9.968750 12.539063,9.099609 12.658203,8.150391 L 13.332031,8.150391 C 13.701172,8.150391 14.000000,7.858887 14.000000,7.500000 C 14.000000,7.141113 13.701172,6.849609 13.332031,6.849609 Z"/>
                  </Canvas>
                </p:IconButton.PressedIcon>
              </p:IconButton>

              <p:IconButton Grid.Column="3" x:Name="ButtonZoomIn" Style="{StaticResource IconButtonStyle}">
                <ToolTipService.ToolTip>
                  <ToolTip Content="Zoom in" Style="{StaticResource TransparentToolTipStyle}" />
                </ToolTipService.ToolTip>
                <p:IconButton.EnabledIcon>
                  <Grid>
                    <Canvas Width="15" Height="15">
                      <Canvas.RenderTransform>
                        <TranslateTransform X="1" Y="1"/>
                      </Canvas.RenderTransform>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 13.332031,6.849609 L 12.658203,6.849609 C 12.539063,5.900391 12.166016,5.031250 11.607422,4.312500 L 12.083984,3.835938 C 12.343750,3.574219 12.349609,3.158203 12.095703,2.904297 C 11.841797,2.650391 11.425781,2.656250 11.164063,2.916016 L 10.687500,3.392578 C 9.968750,2.833984 9.099609,2.460938 8.150391,2.341797 L 8.150391,1.667969 C 8.150391,1.298828 7.859375,1.000000 7.500000,1.000000 C 7.140625,1.000000 6.849609,1.298828 6.849609,1.667969 L 6.849609,2.341797 C 5.900391,2.460938 5.031250,2.833984 4.312500,3.392578 L 3.835938,2.916016 C 3.574219,2.656250 3.158203,2.650391 2.904297,2.904297 C 2.650391,3.158203 2.656250,3.574219 2.916016,3.835938 L 3.392578,4.312500 C 2.833984,5.031250 2.460938,5.900391 2.341797,6.849609 L 1.667969,6.849609 C 1.298828,6.849609 1.000000,7.140625 1.000000,7.500000 C 1.000000,7.859375 1.298828,8.150391 1.667969,8.150391 L 2.341797,8.150391 C 2.460938,9.099609 2.833984,9.968750 3.392578,10.687500 L 2.916016,11.164063 C 2.656250,11.425781 2.650391,11.841797 2.904297,12.095703 C 3.158203,12.349609 3.574219,12.343750 3.835938,12.083984 L 4.312500,11.607422 C 5.031250,12.166016 5.900391,12.539063 6.849609,12.658203 L 6.849609,13.332031 C 6.849609,13.701172 7.140625,14.000000 7.500000,14.000000 C 7.859375,14.000000 8.150391,13.701172 8.150391,13.332031 L 8.150391,12.658203 C 9.099609,12.539063 9.968750,12.166016 10.687500,11.607422 L 11.164063,12.083984 C 11.425781,12.343750 11.841797,12.349609 12.095703,12.095703 C 12.349609,11.841797 12.343750,11.425781 12.083984,11.164063 L 11.607422,10.687500 C 12.166016,9.968750 12.539063,9.099609 12.658203,8.150391 L 13.332031,8.150391 C 13.701172,8.150391 14.000000,7.859375 14.000000,7.500000 C 14.000000,7.140625 13.701172,6.849609 13.332031,6.849609 Z M 7.500000,11.400391 C 5.345703,11.400391 3.599609,9.654297 3.599609,7.500000 C 3.599609,5.345703 5.345703,3.599609 7.500000,3.599609 C 9.654297,3.599609 11.400391,5.345703 11.400391,7.500000 C 11.400391,9.654297 9.654297,11.400391 7.500000,11.400391 Z"/>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 9.431641,6.849609 L 8.150391,6.849609 L 8.150391,5.568359 C 8.150391,5.199219 7.859375,4.900391 7.500000,4.900391 C 7.140625,4.900391 6.849609,5.199219 6.849609,5.568359 L 6.849609,6.849609 L 5.568359,6.849609 C 5.199219,6.849609 4.900391,7.140625 4.900391,7.500000 C 4.900391,7.859375 5.199219,8.150391 5.568359,8.150391 L 6.849609,8.150391 L 6.849609,9.431641 C 6.849609,9.800781 7.140625,10.099609 7.500000,10.099609 C 7.859375,10.099609 8.150391,9.800781 8.150391,9.431641 L 8.150391,8.150391 L 9.431641,8.150391 C 9.800781,8.150391 10.099609,7.859375 10.099609,7.500000 C 10.099609,7.140625 9.800781,6.849609 9.431641,6.849609 Z"/>
                    </Canvas>
                    <Canvas Width="15" Height="15">
                      <Path Fill="#ffffffff" Data="F1 M 13.332031,6.849609 L 12.658203,6.849609 C 12.539063,5.900391 12.166016,5.031250 11.607422,4.312500 L 12.083984,3.835938 C 12.343750,3.574219 12.349609,3.158203 12.095703,2.904297 C 11.841797,2.650391 11.425781,2.656250 11.164063,2.916016 L 10.687500,3.392578 C 9.968750,2.833984 9.099609,2.460938 8.150391,2.341797 L 8.150391,1.667969 C 8.150391,1.298828 7.859375,1.000000 7.500000,1.000000 C 7.140625,1.000000 6.849609,1.298828 6.849609,1.667969 L 6.849609,2.341797 C 5.900391,2.460938 5.031250,2.833984 4.312500,3.392578 L 3.835938,2.916016 C 3.574219,2.656250 3.158203,2.650391 2.904297,2.904297 C 2.650391,3.158203 2.656250,3.574219 2.916016,3.835938 L 3.392578,4.312500 C 2.833984,5.031250 2.460938,5.900391 2.341797,6.849609 L 1.667969,6.849609 C 1.298828,6.849609 1.000000,7.140625 1.000000,7.500000 C 1.000000,7.859375 1.298828,8.150391 1.667969,8.150391 L 2.341797,8.150391 C 2.460938,9.099609 2.833984,9.968750 3.392578,10.687500 L 2.916016,11.164063 C 2.656250,11.425781 2.650391,11.841797 2.904297,12.095703 C 3.158203,12.349609 3.574219,12.343750 3.835938,12.083984 L 4.312500,11.607422 C 5.031250,12.166016 5.900391,12.539063 6.849609,12.658203 L 6.849609,13.332031 C 6.849609,13.701172 7.140625,14.000000 7.500000,14.000000 C 7.859375,14.000000 8.150391,13.701172 8.150391,13.332031 L 8.150391,12.658203 C 9.099609,12.539063 9.968750,12.166016 10.687500,11.607422 L 11.164063,12.083984 C 11.425781,12.343750 11.841797,12.349609 12.095703,12.095703 C 12.349609,11.841797 12.343750,11.425781 12.083984,11.164063 L 11.607422,10.687500 C 12.166016,9.968750 12.539063,9.099609 12.658203,8.150391 L 13.332031,8.150391 C 13.701172,8.150391 14.000000,7.859375 14.000000,7.500000 C 14.000000,7.140625 13.701172,6.849609 13.332031,6.849609 Z M 7.500000,11.400391 C 5.345703,11.400391 3.599609,9.654297 3.599609,7.500000 C 3.599609,5.345703 5.345703,3.599609 7.500000,3.599609 C 9.654297,3.599609 11.400391,5.345703 11.400391,7.500000 C 11.400391,9.654297 9.654297,11.400391 7.500000,11.400391 Z"/>
                      <Path Fill="#ffffffff" Data="F1 M 9.431641,6.849609 L 8.150391,6.849609 L 8.150391,5.568359 C 8.150391,5.199219 7.859375,4.900391 7.500000,4.900391 C 7.140625,4.900391 6.849609,5.199219 6.849609,5.568359 L 6.849609,6.849609 L 5.568359,6.849609 C 5.199219,6.849609 4.900391,7.140625 4.900391,7.500000 C 4.900391,7.859375 5.199219,8.150391 5.568359,8.150391 L 6.849609,8.150391 L 6.849609,9.431641 C 6.849609,9.800781 7.140625,10.099609 7.500000,10.099609 C 7.859375,10.099609 8.150391,9.800781 8.150391,9.431641 L 8.150391,8.150391 L 9.431641,8.150391 C 9.800781,8.150391 10.099609,7.859375 10.099609,7.500000 C 10.099609,7.140625 9.800781,6.849609 9.431641,6.849609 Z"/>
                    </Canvas>
                  </Grid>
                </p:IconButton.EnabledIcon>
                <p:IconButton.PressedIcon>
                  <Canvas Width="15" Height="15">
                    <Path Fill="#ffffffff" Data="F1 M 13.332031,6.849609 L 12.658203,6.849609 C 12.539063,5.900391 12.166016,5.031250 11.607422,4.312500 L 12.083984,3.835938 C 12.343750,3.574219 12.349609,3.158203 12.095703,2.904297 C 11.841797,2.650391 11.425781,2.656250 11.164063,2.916016 L 10.687500,3.392578 C 9.968750,2.833984 9.099609,2.460938 8.150391,2.341797 L 8.150391,1.667969 C 8.150391,1.298828 7.859375,1.000000 7.500000,1.000000 C 7.140625,1.000000 6.849609,1.298828 6.849609,1.667969 L 6.849609,2.341797 C 5.900391,2.460938 5.031250,2.833984 4.312500,3.392578 L 3.835938,2.916016 C 3.574219,2.656250 3.158203,2.650391 2.904297,2.904297 C 2.650391,3.158203 2.656250,3.574219 2.916016,3.835938 L 3.392578,4.312500 C 2.833984,5.031250 2.460938,5.900391 2.341797,6.849609 L 1.667969,6.849609 C 1.298828,6.849609 1.000000,7.140625 1.000000,7.500000 C 1.000000,7.859375 1.298828,8.150391 1.667969,8.150391 L 2.341797,8.150391 C 2.460938,9.099609 2.833984,9.968750 3.392578,10.687500 L 2.916016,11.164063 C 2.656250,11.425781 2.650391,11.841797 2.904297,12.095703 C 3.158203,12.349609 3.574219,12.343750 3.835938,12.083984 L 4.312500,11.607422 C 5.031250,12.166016 5.900391,12.539063 6.849609,12.658203 L 6.849609,13.332031 C 6.849609,13.701172 7.140625,14.000000 7.500000,14.000000 C 7.859375,14.000000 8.150391,13.701172 8.150391,13.332031 L 8.150391,12.658203 C 9.099609,12.539063 9.968750,12.166016 10.687500,11.607422 L 11.164063,12.083984 C 11.425781,12.343750 11.841797,12.349609 12.095703,12.095703 C 12.349609,11.841797 12.343750,11.425781 12.083984,11.164063 L 11.607422,10.687500 C 12.166016,9.968750 12.539063,9.099609 12.658203,8.150391 L 13.332031,8.150391 C 13.701172,8.150391 14.000000,7.859375 14.000000,7.500000 C 14.000000,7.140625 13.701172,6.849609 13.332031,6.849609 Z M 7.500000,11.400391 C 5.345703,11.400391 3.599609,9.654297 3.599609,7.500000 C 3.599609,5.345703 5.345703,3.599609 7.500000,3.599609 C 9.654297,3.599609 11.400391,5.345703 11.400391,7.500000 C 11.400391,9.654297 9.654297,11.400391 7.500000,11.400391 Z"/>
                    <Path Fill="#ffffffff" Data="F1 M 9.431641,6.849609 L 8.150391,6.849609 L 8.150391,5.568359 C 8.150391,5.199219 7.859375,4.900391 7.500000,4.900391 C 7.140625,4.900391 6.849609,5.199219 6.849609,5.568359 L 6.849609,6.849609 L 5.568359,6.849609 C 5.199219,6.849609 4.900391,7.140625 4.900391,7.500000 C 4.900391,7.859375 5.199219,8.150391 5.568359,8.150391 L 6.849609,8.150391 L 6.849609,9.431641 C 6.849609,9.800781 7.140625,10.099609 7.500000,10.099609 C 7.859375,10.099609 8.150391,9.800781 8.150391,9.431641 L 8.150391,8.150391 L 9.431641,8.150391 C 9.800781,8.150391 10.099609,7.859375 10.099609,7.500000 C 10.099609,7.140625 9.800781,6.849609 9.431641,6.849609 Z"/>
                  </Canvas>
                </p:IconButton.PressedIcon>
              </p:IconButton>

              <ContentPresenter Grid.Column="4" ContentTemplate="{StaticResource ToolbarSeparatorTemplate}" />

              <p:IconButton Grid.Column="5" x:Name="ButtonBack" Style="{StaticResource IconButtonStyle}">
                <ToolTipService.ToolTip>
                  <ToolTip Content="Go to previous location" Style="{StaticResource TransparentToolTipStyle}" />
                </ToolTipService.ToolTip>
                <p:IconButton.EnabledIcon>
                  <Grid>
                    <Canvas Width="15" Height="15">
                      <Canvas.RenderTransform>
                        <TranslateTransform X="1" Y="1"/>
                      </Canvas.RenderTransform>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 4.552734,7.503906 C 4.552734,7.501953 4.550781,7.500977 4.550781,7.500000 C 4.550781,7.498047 4.552734,7.498047 4.552734,7.496094 C 4.550781,7.351563 4.603516,7.208984 4.712891,7.101563 C 4.728516,7.084961 4.746094,7.070313 4.761719,7.056641 L 7.074219,4.744141 C 7.298828,4.519531 7.658203,4.515625 7.876953,4.734375 C 8.095703,4.952148 8.089844,5.311523 7.865234,5.536133 L 6.460938,6.940430 L 9.869141,6.940430 C 10.187500,6.940430 10.445313,7.191406 10.445313,7.500000 C 10.445313,7.808594 10.187500,8.059570 9.869141,8.059570 L 6.460938,8.059570 L 7.865234,9.462891 C 8.089844,9.687500 8.095703,10.046875 7.876953,10.265625 C 7.658203,10.484375 7.298828,10.479492 7.074219,10.254883 L 4.763672,7.943359 C 4.746094,7.929688 4.728516,7.914063 4.712891,7.898438 C 4.603516,7.791016 4.550781,7.648438 4.552734,7.503906 Z"/>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 7.498047,11.821289 C 5.111328,11.821289 3.175781,9.886719 3.175781,7.500000 C 3.175781,5.113281 5.111328,3.177734 7.498047,3.177734 C 9.884766,3.177734 11.820313,5.113281 11.820313,7.500000 C 11.820313,9.886719 9.884766,11.821289 7.498047,11.821289 Z M 7.498047,2.000000 C 4.460938,2.000000 1.998047,4.461914 1.998047,7.500000 C 1.998047,10.537109 4.460938,13.000000 7.498047,13.000000 C 10.535156,13.000000 12.998047,10.537109 12.998047,7.500000 C 12.998047,4.461914 10.535156,2.000000 7.498047,2.000000 Z"/>
                    </Canvas>
                    <Canvas Width="15" Height="15">
                      <Path Fill="#ffffffff" Data="F1 M 4.552734,7.503906 C 4.552734,7.501953 4.550781,7.500977 4.550781,7.500000 C 4.550781,7.498047 4.552734,7.498047 4.552734,7.496094 C 4.550781,7.351563 4.603516,7.208984 4.712891,7.101563 C 4.728516,7.084961 4.746094,7.070313 4.761719,7.056641 L 7.074219,4.744141 C 7.298828,4.519531 7.658203,4.515625 7.876953,4.734375 C 8.095703,4.952148 8.089844,5.311523 7.865234,5.536133 L 6.460938,6.940430 L 9.869141,6.940430 C 10.187500,6.940430 10.445313,7.191406 10.445313,7.500000 C 10.445313,7.808594 10.187500,8.059570 9.869141,8.059570 L 6.460938,8.059570 L 7.865234,9.462891 C 8.089844,9.687500 8.095703,10.046875 7.876953,10.265625 C 7.658203,10.484375 7.298828,10.479492 7.074219,10.254883 L 4.763672,7.943359 C 4.746094,7.929688 4.728516,7.914063 4.712891,7.898438 C 4.603516,7.791016 4.550781,7.648438 4.552734,7.503906 Z"/>
                      <Path Fill="#ffffffff" Data="F1 M 7.498047,11.821289 C 5.111328,11.821289 3.175781,9.886719 3.175781,7.500000 C 3.175781,5.113281 5.111328,3.177734 7.498047,3.177734 C 9.884766,3.177734 11.820313,5.113281 11.820313,7.500000 C 11.820313,9.886719 9.884766,11.821289 7.498047,11.821289 Z M 7.498047,2.000000 C 4.460938,2.000000 1.998047,4.461914 1.998047,7.500000 C 1.998047,10.537109 4.460938,13.000000 7.498047,13.000000 C 10.535156,13.000000 12.998047,10.537109 12.998047,7.500000 C 12.998047,4.461914 10.535156,2.000000 7.498047,2.000000 Z"/>
                    </Canvas>
                  </Grid>
                </p:IconButton.EnabledIcon>
                <p:IconButton.DisabledIcon>
                  <Canvas Width="15" Height="15">
                    <Path Fill="#808080" Data="F1 M 4.552734,7.503906 C 4.552734,7.501953 4.550781,7.500977 4.550781,7.500000 C 4.550781,7.498047 4.552734,7.498047 4.552734,7.496094 C 4.550781,7.351563 4.603516,7.208984 4.712891,7.101563 C 4.728516,7.084961 4.746094,7.070313 4.761719,7.056641 L 7.074219,4.744141 C 7.298828,4.519531 7.658203,4.515625 7.876953,4.734375 C 8.095703,4.952148 8.089844,5.311523 7.865234,5.536133 L 6.460938,6.940430 L 9.869141,6.940430 C 10.187500,6.940430 10.445313,7.191406 10.445313,7.500000 C 10.445313,7.808594 10.187500,8.059570 9.869141,8.059570 L 6.460938,8.059570 L 7.865234,9.462891 C 8.089844,9.687500 8.095703,10.046875 7.876953,10.265625 C 7.658203,10.484375 7.298828,10.479492 7.074219,10.254883 L 4.763672,7.943359 C 4.746094,7.929688 4.728516,7.914063 4.712891,7.898438 C 4.603516,7.791016 4.550781,7.648438 4.552734,7.503906 Z"/>
                    <Path Fill="#808080" Data="F1 M 7.498047,11.821289 C 5.111328,11.821289 3.175781,9.886719 3.175781,7.500000 C 3.175781,5.113281 5.111328,3.177734 7.498047,3.177734 C 9.884766,3.177734 11.820313,5.113281 11.820313,7.500000 C 11.820313,9.886719 9.884766,11.821289 7.498047,11.821289 Z M 7.498047,2.000000 C 4.460938,2.000000 1.998047,4.461914 1.998047,7.500000 C 1.998047,10.537109 4.460938,13.000000 7.498047,13.000000 C 10.535156,13.000000 12.998047,10.537109 12.998047,7.500000 C 12.998047,4.461914 10.535156,2.000000 7.498047,2.000000 Z"/>
                  </Canvas>
                </p:IconButton.DisabledIcon>
                <p:IconButton.PressedIcon>
                  <Canvas Width="15" Height="15">
                    <Path Fill="#ffffffff" Data="F1 M 4.552734,7.503906 C 4.552734,7.501953 4.550781,7.500977 4.550781,7.500000 C 4.550781,7.498047 4.552734,7.498047 4.552734,7.496094 C 4.550781,7.351563 4.603516,7.208984 4.712891,7.101563 C 4.728516,7.084961 4.746094,7.070313 4.761719,7.056641 L 7.074219,4.744141 C 7.298828,4.519531 7.658203,4.515625 7.876953,4.734375 C 8.095703,4.952148 8.089844,5.311523 7.865234,5.536133 L 6.460938,6.940430 L 9.869141,6.940430 C 10.187500,6.940430 10.445313,7.191406 10.445313,7.500000 C 10.445313,7.808594 10.187500,8.059570 9.869141,8.059570 L 6.460938,8.059570 L 7.865234,9.462891 C 8.089844,9.687500 8.095703,10.046875 7.876953,10.265625 C 7.658203,10.484375 7.298828,10.479492 7.074219,10.254883 L 4.763672,7.943359 C 4.746094,7.929688 4.728516,7.914063 4.712891,7.898438 C 4.603516,7.791016 4.550781,7.648438 4.552734,7.503906 Z"/>
                    <Path Fill="#ffffffff" Data="F1 M 7.498047,11.821289 C 5.111328,11.821289 3.175781,9.886719 3.175781,7.500000 C 3.175781,5.113281 5.111328,3.177734 7.498047,3.177734 C 9.884766,3.177734 11.820313,5.113281 11.820313,7.500000 C 11.820313,9.886719 9.884766,11.821289 7.498047,11.821289 Z M 7.498047,2.000000 C 4.460938,2.000000 1.998047,4.461914 1.998047,7.500000 C 1.998047,10.537109 4.460938,13.000000 7.498047,13.000000 C 10.535156,13.000000 12.998047,10.537109 12.998047,7.500000 C 12.998047,4.461914 10.535156,2.000000 7.498047,2.000000 Z"/>
                  </Canvas>
                </p:IconButton.PressedIcon>
              </p:IconButton>

              <p:IconButton Grid.Column="6" x:Name="ButtonForth" Style="{StaticResource IconButtonStyle}">
                <ToolTipService.ToolTip>
                  <ToolTip Content="Go to next location" Style="{StaticResource TransparentToolTipStyle}" />
                </ToolTipService.ToolTip>
                <p:IconButton.EnabledIcon>
                  <Grid>
                    <Canvas Width="15" Height="15">
                      <Canvas.RenderTransform>
                        <TranslateTransform X="1" Y="1"/>
                      </Canvas.RenderTransform>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 10.445313,7.504883 C 10.445313,7.501953 10.445313,7.500977 10.445313,7.500000 C 10.445313,7.499023 10.445313,7.498047 10.445313,7.496094 C 10.447266,7.351563 10.394531,7.208984 10.285156,7.101563 C 10.269531,7.085938 10.251953,7.070313 10.234375,7.057617 L 7.923828,4.745117 C 7.698242,4.519531 7.338867,4.515625 7.121094,4.734375 C 6.902344,4.953125 6.908203,5.310547 7.132813,5.535156 L 8.536133,6.941406 L 5.126953,6.941406 C 4.810547,6.941406 4.554688,7.190430 4.554688,7.500000 C 4.554688,7.809570 4.810547,8.058594 5.126953,8.058594 L 8.536133,8.058594 L 7.132813,9.464844 C 6.908203,9.689453 6.902344,10.046875 7.121094,10.265625 C 7.338867,10.484375 7.698242,10.480469 7.923828,10.254883 L 10.234375,7.942383 C 10.251953,7.929688 10.269531,7.914063 10.286133,7.898438 C 10.394531,7.791016 10.447266,7.648438 10.445313,7.504883 Z"/>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 7.500000,11.820313 C 5.113281,11.820313 3.179688,9.886719 3.179688,7.500000 C 3.179688,5.113281 5.113281,3.179688 7.500000,3.179688 C 9.885742,3.179688 11.820313,5.113281 11.820313,7.500000 C 11.820313,9.886719 9.885742,11.820313 7.500000,11.820313 Z M 7.500000,2.000000 C 4.460938,2.000000 2.000000,4.461914 2.000000,7.500000 C 2.000000,10.538086 4.460938,13.000000 7.500000,13.000000 C 10.537109,13.000000 13.000000,10.538086 13.000000,7.500000 C 13.000000,4.461914 10.537109,2.000000 7.500000,2.000000 Z"/>
                    </Canvas>
                    <Canvas Width="15" Height="15">
                      <Path Fill="#ffffffff" Data="F1 M 10.445313,7.504883 C 10.445313,7.501953 10.445313,7.500977 10.445313,7.500000 C 10.445313,7.499023 10.445313,7.498047 10.445313,7.496094 C 10.447266,7.351563 10.394531,7.208984 10.285156,7.101563 C 10.269531,7.085938 10.251953,7.070313 10.234375,7.057617 L 7.923828,4.745117 C 7.698242,4.519531 7.338867,4.515625 7.121094,4.734375 C 6.902344,4.953125 6.908203,5.310547 7.132813,5.535156 L 8.536133,6.941406 L 5.126953,6.941406 C 4.810547,6.941406 4.554688,7.190430 4.554688,7.500000 C 4.554688,7.809570 4.810547,8.058594 5.126953,8.058594 L 8.536133,8.058594 L 7.132813,9.464844 C 6.908203,9.689453 6.902344,10.046875 7.121094,10.265625 C 7.338867,10.484375 7.698242,10.480469 7.923828,10.254883 L 10.234375,7.942383 C 10.251953,7.929688 10.269531,7.914063 10.286133,7.898438 C 10.394531,7.791016 10.447266,7.648438 10.445313,7.504883 Z"/>
                      <Path Fill="#ffffffff" Data="F1 M 7.500000,11.820313 C 5.113281,11.820313 3.179688,9.886719 3.179688,7.500000 C 3.179688,5.113281 5.113281,3.179688 7.500000,3.179688 C 9.885742,3.179688 11.820313,5.113281 11.820313,7.500000 C 11.820313,9.886719 9.885742,11.820313 7.500000,11.820313 Z M 7.500000,2.000000 C 4.460938,2.000000 2.000000,4.461914 2.000000,7.500000 C 2.000000,10.538086 4.460938,13.000000 7.500000,13.000000 C 10.537109,13.000000 13.000000,10.538086 13.000000,7.500000 C 13.000000,4.461914 10.537109,2.000000 7.500000,2.000000 Z"/>
                    </Canvas>
                  </Grid>                
                </p:IconButton.EnabledIcon>
                <p:IconButton.PressedIcon>
                  <Canvas Width="15" Height="15">
                    <Path Fill="#ffffffff" Data="F1 M 10.445313,7.504883 C 10.445313,7.501953 10.445313,7.500977 10.445313,7.500000 C 10.445313,7.499023 10.445313,7.498047 10.445313,7.496094 C 10.447266,7.351563 10.394531,7.208984 10.285156,7.101563 C 10.269531,7.085938 10.251953,7.070313 10.234375,7.057617 L 7.923828,4.745117 C 7.698242,4.519531 7.338867,4.515625 7.121094,4.734375 C 6.902344,4.953125 6.908203,5.310547 7.132813,5.535156 L 8.536133,6.941406 L 5.126953,6.941406 C 4.810547,6.941406 4.554688,7.190430 4.554688,7.500000 C 4.554688,7.809570 4.810547,8.058594 5.126953,8.058594 L 8.536133,8.058594 L 7.132813,9.464844 C 6.908203,9.689453 6.902344,10.046875 7.121094,10.265625 C 7.338867,10.484375 7.698242,10.480469 7.923828,10.254883 L 10.234375,7.942383 C 10.251953,7.929688 10.269531,7.914063 10.286133,7.898438 C 10.394531,7.791016 10.447266,7.648438 10.445313,7.504883 Z"/>
                    <Path Fill="#ffffffff" Data="F1 M 7.500000,11.820313 C 5.113281,11.820313 3.179688,9.886719 3.179688,7.500000 C 3.179688,5.113281 5.113281,3.179688 7.500000,3.179688 C 9.885742,3.179688 11.820313,5.113281 11.820313,7.500000 C 11.820313,9.886719 9.885742,11.820313 7.500000,11.820313 Z M 7.500000,2.000000 C 4.460938,2.000000 2.000000,4.461914 2.000000,7.500000 C 2.000000,10.538086 4.460938,13.000000 7.500000,13.000000 C 10.537109,13.000000 13.000000,10.538086 13.000000,7.500000 C 13.000000,4.461914 10.537109,2.000000 7.500000,2.000000 Z"/>
                  </Canvas>
                </p:IconButton.PressedIcon>
                <p:IconButton.DisabledIcon>
                  <Canvas Width="15" Height="15">
                    <Path Fill="#808080" Data="F1 M 10.445313,7.504883 C 10.445313,7.501953 10.445313,7.500977 10.445313,7.500000 C 10.445313,7.499023 10.445313,7.498047 10.445313,7.496094 C 10.447266,7.351563 10.394531,7.208984 10.285156,7.101563 C 10.269531,7.085938 10.251953,7.070313 10.234375,7.057617 L 7.923828,4.745117 C 7.698242,4.519531 7.338867,4.515625 7.121094,4.734375 C 6.902344,4.953125 6.908203,5.310547 7.132813,5.535156 L 8.536133,6.941406 L 5.126953,6.941406 C 4.810547,6.941406 4.554688,7.190430 4.554688,7.500000 C 4.554688,7.809570 4.810547,8.058594 5.126953,8.058594 L 8.536133,8.058594 L 7.132813,9.464844 C 6.908203,9.689453 6.902344,10.046875 7.121094,10.265625 C 7.338867,10.484375 7.698242,10.480469 7.923828,10.254883 L 10.234375,7.942383 C 10.251953,7.929688 10.269531,7.914063 10.286133,7.898438 C 10.394531,7.791016 10.447266,7.648438 10.445313,7.504883 Z"/>
                    <Path Fill="#808080" Data="F1 M 7.500000,11.820313 C 5.113281,11.820313 3.179688,9.886719 3.179688,7.500000 C 3.179688,5.113281 5.113281,3.179688 7.500000,3.179688 C 9.885742,3.179688 11.820313,5.113281 11.820313,7.500000 C 11.820313,9.886719 9.885742,11.820313 7.500000,11.820313 Z M 7.500000,2.000000 C 4.460938,2.000000 2.000000,4.461914 2.000000,7.500000 C 2.000000,10.538086 4.460938,13.000000 7.500000,13.000000 C 10.537109,13.000000 13.000000,10.538086 13.000000,7.500000 C 13.000000,4.461914 10.537109,2.000000 7.500000,2.000000 Z"/>
                  </Canvas>
                </p:IconButton.DisabledIcon>
              </p:IconButton>

              <ContentPresenter Grid.Column="7" ContentTemplate="{StaticResource ToolbarSeparatorTemplate}" />

              <p:IconButton Grid.Column="8" x:Name="ButtonHome" Style="{StaticResource IconButtonStyle}">
                <ToolTipService.ToolTip>
                  <ToolTip Content="Home" Style="{StaticResource TransparentToolTipStyle}" />
                </ToolTipService.ToolTip>
                <p:IconButton.EnabledIcon>
                  <Grid>
                    <Canvas Width="15" Height="15">
                      <Canvas.RenderTransform>
                        <TranslateTransform X="1" Y="1"/>
                      </Canvas.RenderTransform>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 11.926758,7.195313 L 7.898438,3.166992 C 7.675781,2.945313 7.316406,2.945313 7.092773,3.166992 L 3.065430,7.195313 C 2.843750,7.417969 2.618164,8.000000 3.468750,8.000000 L 3.500000,8.000000 L 3.500000,12.000000 L 6.500000,12.000000 L 6.500000,8.000000 L 8.500000,8.000000 L 8.500000,12.000000 L 11.500000,12.000000 L 11.500000,8.000000 L 11.523438,8.000000 C 12.398438,8.012695 12.149414,7.417969 11.926758,7.195313 Z"/>
                    </Canvas>
                    <Canvas Width="15" Height="15">
                      <Path Fill="#ffffffff" Data="F1 M 11.926758,7.195313 L 7.898438,3.166992 C 7.675781,2.945313 7.316406,2.945313 7.092773,3.166992 L 3.065430,7.195313 C 2.843750,7.417969 2.618164,8.000000 3.468750,8.000000 L 3.500000,8.000000 L 3.500000,12.000000 L 6.500000,12.000000 L 6.500000,8.000000 L 8.500000,8.000000 L 8.500000,12.000000 L 11.500000,12.000000 L 11.500000,8.000000 L 11.523438,8.000000 C 12.398438,8.012695 12.149414,7.417969 11.926758,7.195313 Z"/>
                    </Canvas>
                  </Grid>
                </p:IconButton.EnabledIcon>
                <p:IconButton.PressedIcon>
                  <Canvas Width="15" Height="15">
                    <Path Fill="#ffffffff" Data="F1 M 11.926758,7.195313 L 7.898438,3.166992 C 7.675781,2.945313 7.316406,2.945313 7.092773,3.166992 L 3.065430,7.195313 C 2.843750,7.417969 2.618164,8.000000 3.468750,8.000000 L 3.500000,8.000000 L 3.500000,12.000000 L 6.500000,12.000000 L 6.500000,8.000000 L 8.500000,8.000000 L 8.500000,12.000000 L 11.500000,12.000000 L 11.500000,8.000000 L 11.523438,8.000000 C 12.398438,8.012695 12.149414,7.417969 11.926758,7.195313 Z"/>
                  </Canvas>
                </p:IconButton.PressedIcon>
                <p:IconButton.DisabledIcon>
                  <Canvas Width="15" Height="15">
                    <Path Fill="#808080" Data="F1 M 10.445313,7.504883 C 10.445313,7.501953 10.445313,7.500977 10.445313,7.500000 C 10.445313,7.499023 10.445313,7.498047 10.445313,7.496094 C 10.447266,7.351563 10.394531,7.208984 10.285156,7.101563 C 10.269531,7.085938 10.251953,7.070313 10.234375,7.057617 L 7.923828,4.745117 C 7.698242,4.519531 7.338867,4.515625 7.121094,4.734375 C 6.902344,4.953125 6.908203,5.310547 7.132813,5.535156 L 8.536133,6.941406 L 5.126953,6.941406 C 4.810547,6.941406 4.554688,7.190430 4.554688,7.500000 C 4.554688,7.809570 4.810547,8.058594 5.126953,8.058594 L 8.536133,8.058594 L 7.132813,9.464844 C 6.908203,9.689453 6.902344,10.046875 7.121094,10.265625 C 7.338867,10.484375 7.698242,10.480469 7.923828,10.254883 L 10.234375,7.942383 C 10.251953,7.929688 10.269531,7.914063 10.286133,7.898438 C 10.394531,7.791016 10.447266,7.648438 10.445313,7.504883 Z"/>
                    <Path Fill="#808080" Data="F1 M 7.500000,11.820313 C 5.113281,11.820313 3.179688,9.886719 3.179688,7.500000 C 3.179688,5.113281 5.113281,3.179688 7.500000,3.179688 C 9.885742,3.179688 11.820313,5.113281 11.820313,7.500000 C 11.820313,9.886719 9.885742,11.820313 7.500000,11.820313 Z M 7.500000,2.000000 C 4.460938,2.000000 2.000000,4.461914 2.000000,7.500000 C 2.000000,10.538086 4.460938,13.000000 7.500000,13.000000 C 10.537109,13.000000 13.000000,10.538086 13.000000,7.500000 C 13.000000,4.461914 10.537109,2.000000 7.500000,2.000000 Z"/>
                  </Canvas>
                </p:IconButton.DisabledIcon>
              </p:IconButton>

              <ContentPresenter Grid.Column="9" ContentTemplate="{StaticResource ToolbarSeparatorTemplate}" />

              <ContentPresenter Grid.Column="10" Content="Click inside to zoom in">
                <ContentPresenter.ContentTemplate>
                  <DataTemplate>
                    <Grid>
                      <Rectangle Fill="Black" Opacity="0.6" />
                      <TextBlock Text="{Binding}" FontFamily="Segoe UI" FontStyle="Italic" FontSize="9" Opacity="0.8" Foreground="White" 
                                 VerticalAlignment="Center" HorizontalAlignment="Center"/>
                    </Grid>
                  </DataTemplate>
                </ContentPresenter.ContentTemplate>
              </ContentPresenter>

              <ContentPresenter Grid.Column="11" x:Name="ButtonPlayPart1" ContentTemplate="{StaticResource ToolbarSeparatorTemplate}" />

              <p:IconButton Grid.Column="12" x:Name="ButtonPlay" Style="{StaticResource IconButtonStyle}" >
                <ToolTipService.ToolTip>
                  <ToolTip Content="Start/Stop slideshow" Style="{StaticResource TransparentToolTipStyle}" />
                </ToolTipService.ToolTip>
                <p:IconButton.EnabledIcon>
                  <Grid>
                    <Grid x:Name="PlayIcon">
                      <Canvas Width="15" Height="15">
                        <Canvas.RenderTransform>
                          <TranslateTransform X="1" Y="1"/>
                        </Canvas.RenderTransform>
                        <Path Fill="Black" Opacity="0.5" Data="F1 M 4.001953,4.015625 C 4.001953,5.000000 4.001953,11.015625 4.001953,11.015625 C 4.001953,11.015625 4.001953,12.015625 4.867188,11.515625 C 5.734375,11.015625 10.064453,8.515625 10.931641,8.015625 C 11.796875,7.515625 10.929688,7.015625 10.929688,7.015625 L 4.869141,3.515625 C 4.869141,3.515625 4.001953,3.031250 4.001953,4.015625 Z"/>
                      </Canvas>
                      <Canvas Width="15" Height="15">
                        <Path Fill="#ffffffff" Data="F1 M 4.001953,4.015625 C 4.001953,5.000000 4.001953,11.015625 4.001953,11.015625 C 4.001953,11.015625 4.001953,12.015625 4.867188,11.515625 C 5.734375,11.015625 10.064453,8.515625 10.931641,8.015625 C 11.796875,7.515625 10.929688,7.015625 10.929688,7.015625 L 4.869141,3.515625 C 4.869141,3.515625 4.001953,3.031250 4.001953,4.015625 Z"/>
                      </Canvas>
                    </Grid>
                    <Grid x:Name="StopIcon" Opacity="0">
                      <Canvas Width="15" Height="15">
                        <Canvas.RenderTransform>
                          <TranslateTransform X="1" Y="1"/>
                        </Canvas.RenderTransform>
                        <Path Fill="Black" Opacity="0.5" Data="F1 M 10.500000,3.000000 L 9.500000,3.000000 C 9.224609,3.000000 9.000000,3.224609 9.000000,3.500000 L 9.000000,11.500000 C 9.000000,11.775391 9.224609,12.000000 9.500000,12.000000 L 10.500000,12.000000 C 10.777344,12.000000 11.000000,11.775391 11.000000,11.500000 L 11.000000,3.500000 C 11.000000,3.224609 10.777344,3.000000 10.500000,3.000000 Z"/>
                        <Path Fill="Black" Opacity="0.5" Data="F1 M 5.500000,3.000000 L 4.500000,3.000000 C 4.224609,3.000000 4.000000,3.224609 4.000000,3.500000 L 4.000000,11.500000 C 4.000000,11.775391 4.224609,12.000000 4.500000,12.000000 L 5.500000,12.000000 C 5.777344,12.000000 6.000000,11.775391 6.000000,11.500000 L 6.000000,3.500000 C 6.000000,3.224609 5.777344,3.000000 5.500000,3.000000 Z"/>
                      </Canvas>
                      <Canvas Width="15" Height="15">
                        <Path Fill="#ffffffff" Data="F1 M 10.500000,3.000000 L 9.500000,3.000000 C 9.224609,3.000000 9.000000,3.224609 9.000000,3.500000 L 9.000000,11.500000 C 9.000000,11.775391 9.224609,12.000000 9.500000,12.000000 L 10.500000,12.000000 C 10.777344,12.000000 11.000000,11.775391 11.000000,11.500000 L 11.000000,3.500000 C 11.000000,3.224609 10.777344,3.000000 10.500000,3.000000 Z"/>
                        <Path Fill="#ffffffff" Data="F1 M 5.500000,3.000000 L 4.500000,3.000000 C 4.224609,3.000000 4.000000,3.224609 4.000000,3.500000 L 4.000000,11.500000 C 4.000000,11.775391 4.224609,12.000000 4.500000,12.000000 L 5.500000,12.000000 C 5.777344,12.000000 6.000000,11.775391 6.000000,11.500000 L 6.000000,3.500000 C 6.000000,3.224609 5.777344,3.000000 5.500000,3.000000 Z"/>
                      </Canvas>
                    </Grid>
                  </Grid>
                </p:IconButton.EnabledIcon>
                <p:IconButton.PressedIcon>
                  <Grid>
                    <Grid x:Name="ClickedPlayIcon">
                      <Canvas Width="15" Height="15">
                        <Path Fill="#ffffffff" Data="F1 M 4.001953,4.015625 C 4.001953,5.000000 4.001953,11.015625 4.001953,11.015625 C 4.001953,11.015625 4.001953,12.015625 4.867188,11.515625 C 5.734375,11.015625 10.064453,8.515625 10.931641,8.015625 C 11.796875,7.515625 10.929688,7.015625 10.929688,7.015625 L 4.869141,3.515625 C 4.869141,3.515625 4.001953,3.031250 4.001953,4.015625 Z"/>
                      </Canvas>
                    </Grid>
                    <Grid x:Name="ClickedStopIcon" Opacity="0">
                      <Canvas Width="15" Height="15">
                        <Path Fill="#ffffffff" Data="F1 M 10.500000,3.000000 L 9.500000,3.000000 C 9.224609,3.000000 9.000000,3.224609 9.000000,3.500000 L 9.000000,11.500000 C 9.000000,11.775391 9.224609,12.000000 9.500000,12.000000 L 10.500000,12.000000 C 10.777344,12.000000 11.000000,11.775391 11.000000,11.500000 L 11.000000,3.500000 C 11.000000,3.224609 10.777344,3.000000 10.500000,3.000000 Z"/>
                        <Path Fill="#ffffffff" Data="F1 M 5.500000,3.000000 L 4.500000,3.000000 C 4.224609,3.000000 4.000000,3.224609 4.000000,3.500000 L 4.000000,11.500000 C 4.000000,11.775391 4.224609,12.000000 4.500000,12.000000 L 5.500000,12.000000 C 5.777344,12.000000 6.000000,11.775391 6.000000,11.500000 L 6.000000,3.500000 C 6.000000,3.224609 5.777344,3.000000 5.500000,3.000000 Z"/>
                      </Canvas>
                    </Grid>
                  </Grid>
                </p:IconButton.PressedIcon>
              </p:IconButton>

              <ContentPresenter x:Name="ButtonExpandSeparator" Grid.Column="13" ContentTemplate="{StaticResource ToolbarSeparatorTemplate}" />

              <p:IconButton Grid.Column="14" x:Name="ButtonExpand" Style="{StaticResource IconButtonStyle}">
                <ToolTipService.ToolTip>
                  <ToolTip Content="Toggle full-screen mode" Style="{StaticResource TransparentToolTipStyle}" />
                </ToolTipService.ToolTip>
                <p:IconButton.EnabledIcon>
                  <Grid>
                    <Canvas Width="15" Height="15">
                      <Canvas.RenderTransform>
                        <TranslateTransform X="1" Y="1"/>
                      </Canvas.RenderTransform>
                      <Path Fill="Black" Opacity="0.5" Data="F1 M 10.000000,9.000000 L 5.000000,9.000000 L 5.000000,6.000000 L 10.000000,6.000000 L 10.000000,9.000000 Z M 12.501953,6.000000 C 12.777344,6.000000 13.001953,5.832031 13.001953,5.625000 L 13.001953,3.375000 C 13.001953,3.291992 12.958984,3.218750 12.896484,3.156250 C 12.888672,3.146484 12.878906,3.138672 12.871094,3.128906 C 12.863281,3.121094 12.855469,3.113281 12.845703,3.105469 C 12.783203,3.043945 12.710938,3.000000 12.626953,3.000000 L 10.376953,3.000000 C 10.169922,3.000000 10.001953,3.224609 10.001953,3.500000 C 10.001953,3.776367 10.169922,3.999023 10.376953,3.999023 L 11.294922,3.999023 L 10.292969,5.000000 L 4.708984,5.000000 L 3.708984,3.999023 L 4.626953,3.999023 C 4.833984,3.999023 5.001953,3.776367 5.001953,3.500000 C 5.001953,3.224609 4.833984,3.000000 4.626953,3.000000 L 2.376953,3.000000 C 2.292969,3.000000 2.220703,3.043945 2.158203,3.105469 C 2.148438,3.113281 2.140625,3.121094 2.132813,3.128906 C 2.125000,3.138672 2.115234,3.146484 2.107422,3.156250 C 2.044922,3.218750 2.001953,3.291992 2.001953,3.375000 L 2.001953,5.625000 C 2.001953,5.832031 2.226563,6.000000 2.501953,6.000000 C 2.779297,6.000000 3.003906,5.832031 3.003906,5.625000 L 3.003906,4.708984 L 4.000000,5.705078 L 4.000000,9.294922 L 3.003906,10.291016 L 3.003906,9.375000 C 3.003906,9.167969 2.779297,9.000000 2.501953,9.000000 C 2.226563,9.000000 2.001953,9.167969 2.001953,9.375000 L 2.001953,11.625000 C 2.001953,11.708008 2.044922,11.781250 2.107422,11.843750 C 2.115234,11.853516 2.125000,11.861328 2.132813,11.871094 C 2.140625,11.878906 2.148438,11.886719 2.158203,11.894531 C 2.220703,11.956055 2.292969,12.000000 2.376953,12.000000 L 4.626953,12.000000 C 4.833984,12.000000 5.001953,11.775391 5.001953,11.500000 C 5.001953,11.223633 4.833984,11.000977 4.626953,11.000977 L 3.708984,11.000977 L 4.708984,10.000000 L 10.292969,10.000000 L 11.294922,11.000977 L 10.376953,11.000977 C 10.169922,11.000977 10.001953,11.223633 10.001953,11.500000 C 10.001953,11.775391 10.169922,12.000000 10.376953,12.000000 L 12.626953,12.000000 C 12.710938,12.000000 12.783203,11.956055 12.845703,11.894531 C 12.855469,11.886719 12.863281,11.878906 12.871094,11.871094 C 12.878906,11.861328 12.888672,11.853516 12.896484,11.843750 C 12.958984,11.781250 13.001953,11.708008 13.001953,11.625000 L 13.001953,9.375000 C 13.001953,9.167969 12.777344,9.000000 12.501953,9.000000 C 12.224609,9.000000 12.000000,9.167969 12.000000,9.375000 L 12.000000,10.291016 L 11.000000,9.292969 L 11.000000,5.707031 L 12.000000,4.708984 L 12.000000,5.625000 C 12.000000,5.832031 12.224609,6.000000 12.501953,6.000000 Z"/>
                    </Canvas>
                    <Canvas Width="15" Height="15">
                      <Path Fill="#ffffffff" Data="F1 M 10.000000,9.000000 L 5.000000,9.000000 L 5.000000,6.000000 L 10.000000,6.000000 L 10.000000,9.000000 Z M 12.501953,6.000000 C 12.777344,6.000000 13.001953,5.832031 13.001953,5.625000 L 13.001953,3.375000 C 13.001953,3.291992 12.958984,3.218750 12.896484,3.156250 C 12.888672,3.146484 12.878906,3.138672 12.871094,3.128906 C 12.863281,3.121094 12.855469,3.113281 12.845703,3.105469 C 12.783203,3.043945 12.710938,3.000000 12.626953,3.000000 L 10.376953,3.000000 C 10.169922,3.000000 10.001953,3.224609 10.001953,3.500000 C 10.001953,3.776367 10.169922,3.999023 10.376953,3.999023 L 11.294922,3.999023 L 10.292969,5.000000 L 4.708984,5.000000 L 3.708984,3.999023 L 4.626953,3.999023 C 4.833984,3.999023 5.001953,3.776367 5.001953,3.500000 C 5.001953,3.224609 4.833984,3.000000 4.626953,3.000000 L 2.376953,3.000000 C 2.292969,3.000000 2.220703,3.043945 2.158203,3.105469 C 2.148438,3.113281 2.140625,3.121094 2.132813,3.128906 C 2.125000,3.138672 2.115234,3.146484 2.107422,3.156250 C 2.044922,3.218750 2.001953,3.291992 2.001953,3.375000 L 2.001953,5.625000 C 2.001953,5.832031 2.226563,6.000000 2.501953,6.000000 C 2.779297,6.000000 3.003906,5.832031 3.003906,5.625000 L 3.003906,4.708984 L 4.000000,5.705078 L 4.000000,9.294922 L 3.003906,10.291016 L 3.003906,9.375000 C 3.003906,9.167969 2.779297,9.000000 2.501953,9.000000 C 2.226563,9.000000 2.001953,9.167969 2.001953,9.375000 L 2.001953,11.625000 C 2.001953,11.708008 2.044922,11.781250 2.107422,11.843750 C 2.115234,11.853516 2.125000,11.861328 2.132813,11.871094 C 2.140625,11.878906 2.148438,11.886719 2.158203,11.894531 C 2.220703,11.956055 2.292969,12.000000 2.376953,12.000000 L 4.626953,12.000000 C 4.833984,12.000000 5.001953,11.775391 5.001953,11.500000 C 5.001953,11.223633 4.833984,11.000977 4.626953,11.000977 L 3.708984,11.000977 L 4.708984,10.000000 L 10.292969,10.000000 L 11.294922,11.000977 L 10.376953,11.000977 C 10.169922,11.000977 10.001953,11.223633 10.001953,11.500000 C 10.001953,11.775391 10.169922,12.000000 10.376953,12.000000 L 12.626953,12.000000 C 12.710938,12.000000 12.783203,11.956055 12.845703,11.894531 C 12.855469,11.886719 12.863281,11.878906 12.871094,11.871094 C 12.878906,11.861328 12.888672,11.853516 12.896484,11.843750 C 12.958984,11.781250 13.001953,11.708008 13.001953,11.625000 L 13.001953,9.375000 C 13.001953,9.167969 12.777344,9.000000 12.501953,9.000000 C 12.224609,9.000000 12.000000,9.167969 12.000000,9.375000 L 12.000000,10.291016 L 11.000000,9.292969 L 11.000000,5.707031 L 12.000000,4.708984 L 12.000000,5.625000 C 12.000000,5.832031 12.224609,6.000000 12.501953,6.000000 Z"/>
                      <Path Data="F1 M 15.000000,15.000000 L 0.000000,15.000000 L 0.000000,0.000000 L 15.000000,0.000000 L 15.000000,15.000000 Z"/>
                    </Canvas>
                  </Grid>
                </p:IconButton.EnabledIcon>
                <p:IconButton.PressedIcon>
                  <Canvas Width="15" Height="15">
                    <Path Fill="#ffffffff" Data="F1 M 10.000000,9.000000 L 5.000000,9.000000 L 5.000000,6.000000 L 10.000000,6.000000 L 10.000000,9.000000 Z M 12.501953,6.000000 C 12.777344,6.000000 13.001953,5.832031 13.001953,5.625000 L 13.001953,3.375000 C 13.001953,3.291992 12.958984,3.218750 12.896484,3.156250 C 12.888672,3.146484 12.878906,3.138672 12.871094,3.128906 C 12.863281,3.121094 12.855469,3.113281 12.845703,3.105469 C 12.783203,3.043945 12.710938,3.000000 12.626953,3.000000 L 10.376953,3.000000 C 10.169922,3.000000 10.001953,3.224609 10.001953,3.500000 C 10.001953,3.776367 10.169922,3.999023 10.376953,3.999023 L 11.294922,3.999023 L 10.292969,5.000000 L 4.708984,5.000000 L 3.708984,3.999023 L 4.626953,3.999023 C 4.833984,3.999023 5.001953,3.776367 5.001953,3.500000 C 5.001953,3.224609 4.833984,3.000000 4.626953,3.000000 L 2.376953,3.000000 C 2.292969,3.000000 2.220703,3.043945 2.158203,3.105469 C 2.148438,3.113281 2.140625,3.121094 2.132813,3.128906 C 2.125000,3.138672 2.115234,3.146484 2.107422,3.156250 C 2.044922,3.218750 2.001953,3.291992 2.001953,3.375000 L 2.001953,5.625000 C 2.001953,5.832031 2.226563,6.000000 2.501953,6.000000 C 2.779297,6.000000 3.003906,5.832031 3.003906,5.625000 L 3.003906,4.708984 L 4.000000,5.705078 L 4.000000,9.294922 L 3.003906,10.291016 L 3.003906,9.375000 C 3.003906,9.167969 2.779297,9.000000 2.501953,9.000000 C 2.226563,9.000000 2.001953,9.167969 2.001953,9.375000 L 2.001953,11.625000 C 2.001953,11.708008 2.044922,11.781250 2.107422,11.843750 C 2.115234,11.853516 2.125000,11.861328 2.132813,11.871094 C 2.140625,11.878906 2.148438,11.886719 2.158203,11.894531 C 2.220703,11.956055 2.292969,12.000000 2.376953,12.000000 L 4.626953,12.000000 C 4.833984,12.000000 5.001953,11.775391 5.001953,11.500000 C 5.001953,11.223633 4.833984,11.000977 4.626953,11.000977 L 3.708984,11.000977 L 4.708984,10.000000 L 10.292969,10.000000 L 11.294922,11.000977 L 10.376953,11.000977 C 10.169922,11.000977 10.001953,11.223633 10.001953,11.500000 C 10.001953,11.775391 10.169922,12.000000 10.376953,12.000000 L 12.626953,12.000000 C 12.710938,12.000000 12.783203,11.956055 12.845703,11.894531 C 12.855469,11.886719 12.863281,11.878906 12.871094,11.871094 C 12.878906,11.861328 12.888672,11.853516 12.896484,11.843750 C 12.958984,11.781250 13.001953,11.708008 13.001953,11.625000 L 13.001953,9.375000 C 13.001953,9.167969 12.777344,9.000000 12.501953,9.000000 C 12.224609,9.000000 12.000000,9.167969 12.000000,9.375000 L 12.000000,10.291016 L 11.000000,9.292969 L 11.000000,5.707031 L 12.000000,4.708984 L 12.000000,5.625000 C 12.000000,5.832031 12.224609,6.000000 12.501953,6.000000 Z"/>
                    <Path Data="F1 M 15.000000,15.000000 L 0.000000,15.000000 L 0.000000,0.000000 L 15.000000,0.000000 L 15.000000,15.000000 Z"/>
                  </Canvas>
                </p:IconButton.PressedIcon>
              </p:IconButton>
            </Grid>              

            <Grid x:Name="Overlay" Opacity="0" IsHitTestVisible="False">

              <Grid.Resources>
                <Storyboard x:Name="ShowOverlay">
                  <DoubleAnimation Storyboard.TargetName="Overlay"
                                   Storyboard.TargetProperty="Opacity"
                                   To="0.5"
                                   Duration="0:0:1" />
                </Storyboard>

                <Storyboard x:Name="HideOverlay">
                  <DoubleAnimation Storyboard.TargetName="Overlay"
                                   Storyboard.TargetProperty="Opacity"
                                   To="0"
                                   Duration="0:0:1" />
                </Storyboard>

              </Grid.Resources>

              <Image Margin="70,70,50,50" Width="200" Height="200" x:Name="OverlayImage"/>

            </Grid>

          </Grid>
          
        </ControlTemplate>
        
      </v:AdViewer.Template>
</v:AdViewer>
  </m:Ad.Viewer>
  <!--SlideShow Section-->
  <!--ClickThrough URLs Section--><!--WebLinks Section--><!--DirectLinks Section--><!--Impression Profiles Section-->
  <c:IntervalCondition Interval="00:00:05" AutoRepeat="False" p:Ref.Key="ImpressionProfile_Default_Profile">
    <c:And>
      <c:SizeCondition Width="50%" Height="50%" Constraint="GreaterThan" />
      <c:SizeCondition Width="150%" Height="150%" Constraint="LessThan" />
      <c:VisibilityCondition Horizontal="80%" Vertical="80%" />
    </c:And>
  </c:IntervalCondition>
<!--Reporting URLs Section--><!--Impressions Section-->
  <c:EventTrigger EventName="Tick">
    <c:EventTrigger.Source>
      <p:TimerService IsEnabled="True" Interval="00:00:00.5000000" />
    </c:EventTrigger.Source>
    <c:ActionsGroup />
  </c:EventTrigger>
</m:Ad>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Microsoft Public License (Ms-PL)

Share

About the Author

Microsoft All-In-One Code Framework delineates the framework and skeleton of Microsoft development techniques through typical sample codes in three popular programming languages (Visual C#, VB.NET, Visual C++). Each sample is elaborately selected, composed, and documented to demonstrate one frequently-asked, tested or used coding scenario based on our support experience in MSDN newsgroups and forums. If you are a software developer, you can fill the skeleton with blood, muscle and soul. If you are a software tester or a support engineer like us, you may extend the sample codes a little to fit your specific test scenario or refer your customer to this project if the customer's question coincides with what we collected.
http://cfx.codeplex.com/

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.150224.1 | Last Updated 12 Dec 2009
Article Copyright 2009 by All-In-One Code Framework
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid