<UserControl x:Class="Telerik.Windows.Examples.TreeView.WPF.DataBinding.Example"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:Example="clr-namespace:Telerik.Windows.Examples.TreeView.WPF.DataBinding"
    xmlns:telerikQuickStart="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls" 
    xmlns:Telerik="http://schemas.telerik.com/2008/xaml/presentation" Loaded="UserControl_Loaded">
    <Grid>
        <Grid.Resources>
            <Style TargetType="ToggleButton" x:Key="Expander">
                <Setter Property="IsTabStop" Value="False" />
                <Setter Property="Cursor" Value="Hand" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ToggleButton}">
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Trigger.EnterActions>
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <DoubleAnimation Duration="0:0:0.05"
														Storyboard.TargetName="Button"
														Storyboard.TargetProperty="Opacity" To="0" />
                                                <DoubleAnimation Duration="0:0:0.05"
														Storyboard.TargetName="ButtonOver"
														Storyboard.TargetProperty="Opacity" To="1" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </Trigger.EnterActions>
                                </Trigger>
                                <Trigger Property="IsChecked" Value="True">
                                    <Trigger.EnterActions>
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <DoubleAnimation Duration="0:0:0.05"
														Storyboard.TargetName="CollapsedVisual"
														Storyboard.TargetProperty="Opacity" To="0" />
                                                <DoubleAnimation Duration="0:0:0.05"
														Storyboard.TargetName="CollapsedVisualOver"
														Storyboard.TargetProperty="Opacity" To="0" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </Trigger.EnterActions>
                                    <Trigger.ExitActions>
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <DoubleAnimation Duration="0:0:0.05"
														Storyboard.TargetName="CollapsedVisual"
														Storyboard.TargetProperty="Opacity" To="1" />
                                                <DoubleAnimation Duration="0:0:0.05"
														Storyboard.TargetName="CollapsedVisualOver"
														Storyboard.TargetProperty="Opacity" To="1" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </Trigger.ExitActions>
                                </Trigger>
                            </ControlTemplate.Triggers>
                            <Grid>
                                <Grid x:Name="Button" Margin="0,7,4,0" HorizontalAlignment="Right"
										VerticalAlignment="Top" Width="11" Height="11">
                                    <Grid.Background>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#3F047BA5" Offset="0.996" />
                                            <GradientStop Color="#00000000" Offset="0" />
                                        </LinearGradientBrush>
                                    </Grid.Background>
                                    <Rectangle Stroke="#FF000000" HorizontalAlignment="Left"
											VerticalAlignment="Top" Width="11" Height="11" />

                                    <Rectangle x:Name="CollapsedVisual" Fill="#FF000000"
											HorizontalAlignment="Left" VerticalAlignment="Top"
											Width="1" Height="5" Margin="5,3,0,0" />
                                    <Rectangle Fill="#FF000000" VerticalAlignment="Top"
											HorizontalAlignment="Left" Height="1" Width="5"
											Margin="3,5,0,0" />
                                </Grid>

                                <Grid x:Name="ButtonOver" Margin="0,7,4,0"
										HorizontalAlignment="Right" VerticalAlignment="Top"
										Width="11" Height="11">
                                    <Rectangle Stroke="#FF167497" HorizontalAlignment="Left"
											VerticalAlignment="Top" Width="11" Height="11">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="#26167497" Offset="1" />
                                                <GradientStop Color="#00167497" Offset="0" />
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                    <Rectangle x:Name="CollapsedVisualOver" Fill="#FF167497"
											HorizontalAlignment="Left" VerticalAlignment="Top"
											Width="1" Height="5" Margin="5,3,0,0" />
                                    <Rectangle Fill="#FF167497" VerticalAlignment="Top"
											HorizontalAlignment="Left" Height="1" Width="5"
											Margin="3,5,0,0" />

                                </Grid>
                            </Grid>

                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            <Example:LeaguesDataSource x:Key="MyList" />

            <HierarchicalDataTemplate x:Key="Division" ItemsSource="{Binding Teams}">
                <StackPanel Orientation="Horizontal">
                    <Image Source="{Binding Image}" Margin=" 0,0,6,0" />
                    <TextBlock Text="{Binding Name}" FontWeight="Bold" FontSize="12" />
                </StackPanel>
            </HierarchicalDataTemplate>

            <HierarchicalDataTemplate x:Key="League" ItemTemplate="{StaticResource Division}"
					ItemsSource="{Binding Divisions}">
                <StackPanel Orientation="Horizontal">
                    <Image Source="{Binding Image}" Margin=" 0,0,6,0" />
                    <TextBlock Text="{Binding Name}" Foreground="Black" FontWeight="Bold"
							FontSize="15" />
                </StackPanel>
            </HierarchicalDataTemplate>
        </Grid.Resources>
        <telerikQuickStart:HeaderedContentControl HorizontalAlignment="Center" VerticalAlignment="Center"
			Header="Leagues" 
            telerikQuickStart:ThemeAwareBackgroundBehavior.IsEnabled="True"
			HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Width="240"
			Height="350">

                <Telerik:RadTreeView Margin="5"
				ExpanderStyle="{StaticResource Expander}" VerticalAlignment="Top"
				ItemsSource="{Binding Source={StaticResource MyList}}"
				ItemTemplate="{StaticResource League}" />
        </telerikQuickStart:HeaderedContentControl>
    </Grid>
</UserControl>