<Style x:Key="ArrowToggleStyle" TargetType="ToggleButton">
<Setter Property="Background" Value="Gray"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ToggleButton">
<Border Background="{TemplateBinding Background}">
<Grid>
<Image x:Name="leftArrowImg" Source="/Graphics/arrow_left24.png" Width="24" Height="24" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
<Image x:Name="rightArrowImg" Source="/Graphics/arrow_right24.png" Width="24" Height="24" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
<ContentPresenter x:Name="content1" Content="not selected" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
<ContentPresenter x:Name="content2" Content="SELECTED" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Background" Value="DimGray"/>
<Setter TargetName="leftArrowImg" Property="Visibility" Value="Hidden"/>
<Setter TargetName="rightArrowImg" Property="Visibility" Value="Visible"/>
<Setter TargetName="content1" Property="Visibility" Value="Hidden"/>
<Setter TargetName="content2" Property="Visibility" Value="Visible"/>
</Trigger>
<Trigger Property="IsChecked" Value="False">
<Setter TargetName="leftArrowImg" Property="Visibility" Value="Visible"/>
<Setter TargetName="rightArrowImg" Property="Visibility" Value="Hidden"/>
<Setter TargetName="content1" Property="Visibility" Value="Visible"/>
<Setter TargetName="content2" Property="Visibility" Value="Hidden"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>