<UserControl

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 

    xmlns:View="clr-namespace:Iri.Modernisation.Controls.View"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

    mc:Ignorable="d" 

    xmlns:System="clr-namespace:System;assembly=mscorlib"

    x:Class="Iri.Modernisation.Controls.View.ConsultationView">

	<UserControl.Resources>

		<Style x:Key="ListBoxItemStyle1" TargetType="ListBoxItem">

			<Setter Property="Padding" Value="3"/>

			<Setter Property="HorizontalContentAlignment" Value="Left"/>

			<Setter Property="VerticalContentAlignment" Value="Top"/>

			<Setter Property="BorderThickness" Value="1"/>

			<Setter Property="TabNavigation" Value="Local"/>

			<Setter Property="Template">

				<Setter.Value>

					<ControlTemplate TargetType="ListBoxItem">

						<Grid Background="{TemplateBinding Background}">

							<VisualStateManager.VisualStateGroups>

								<VisualStateGroup x:Name="CommonStates">

									<VisualState x:Name="Normal"/>

									<VisualState x:Name="MouseOver">

										<Storyboard>

											<DoubleAnimationUsingKeyFrames Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity">

												<SplineDoubleKeyFrame KeyTime="0" Value=".35"/>

											</DoubleAnimationUsingKeyFrames>

										</Storyboard>

									</VisualState>

									<VisualState x:Name="Disabled">

										<Storyboard>

											<DoubleAnimationUsingKeyFrames Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity">

												<SplineDoubleKeyFrame KeyTime="0" Value=".55"/>

											</DoubleAnimationUsingKeyFrames>

										</Storyboard>

									</VisualState>

								</VisualStateGroup>

								<VisualStateGroup x:Name="SelectionStates">

									<VisualState x:Name="Unselected"/>

									<VisualState x:Name="Selected">

										<Storyboard>

											<DoubleAnimationUsingKeyFrames Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity">

												<SplineDoubleKeyFrame KeyTime="0" Value=".75"/>

											</DoubleAnimationUsingKeyFrames>

										</Storyboard>

									</VisualState>

								</VisualStateGroup>

								<VisualStateGroup x:Name="FocusStates">

									<VisualState x:Name="Focused">

										<Storyboard>

											<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility">

												<DiscreteObjectKeyFrame KeyTime="0">

													<DiscreteObjectKeyFrame.Value>

														<Visibility>Visible</Visibility>

													</DiscreteObjectKeyFrame.Value>

												</DiscreteObjectKeyFrame>

											</ObjectAnimationUsingKeyFrames>

										</Storyboard>

									</VisualState>

									<VisualState x:Name="Unfocused"/>

								</VisualStateGroup>

							</VisualStateManager.VisualStateGroups>

							<Rectangle x:Name="fillColor" RadiusX="1" RadiusY="1" IsHitTestVisible="False" Opacity="0"/>

							<Rectangle x:Name="fillColor2" Fill="#FFBADDE9" RadiusX="1" RadiusY="1" IsHitTestVisible="False" Opacity="0"/>

							<ContentPresenter x:Name="contentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Canvas.ZIndex="1" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/>

							<Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" RadiusX="1" RadiusY="1" Visibility="Collapsed"/>

						</Grid>

					</ControlTemplate>

				</Setter.Value>

			</Setter>

			<Setter Property="Background" Value="{x:Null}"/>

		</Style>

		<ControlTemplate x:Key="ValidationToolTipTemplate">

			<Grid x:Name="Root" Margin="5,0" Opacity="0" RenderTransformOrigin="0,0">

				<VisualStateManager.VisualStateGroups>

					<VisualStateGroup x:Name="OpenStates">

						<VisualStateGroup.Transitions>

							<VisualTransition GeneratedDuration="0"/>

							<VisualTransition GeneratedDuration="0:0:0.2" To="Open">

								<Storyboard>

									<DoubleAnimationUsingKeyFrames Storyboard.TargetName="xform" Storyboard.TargetProperty="X">

										<SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="0"/>

									</DoubleAnimationUsingKeyFrames>

									<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity">

										<SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>

									</DoubleAnimationUsingKeyFrames>

								</Storyboard>

							</VisualTransition>

						</VisualStateGroup.Transitions>

						<VisualState x:Name="Closed">

							<Storyboard>

								<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity">

									<SplineDoubleKeyFrame KeyTime="0" Value="0"/>

								</DoubleAnimationUsingKeyFrames>

							</Storyboard>

						</VisualState>

						<VisualState x:Name="Open">

							<Storyboard>

								<DoubleAnimationUsingKeyFrames Storyboard.TargetName="xform" Storyboard.TargetProperty="X">

									<SplineDoubleKeyFrame KeyTime="0" Value="0"/>

								</DoubleAnimationUsingKeyFrames>

								<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity">

									<SplineDoubleKeyFrame KeyTime="0" Value="1"/>

								</DoubleAnimationUsingKeyFrames>

							</Storyboard>

						</VisualState>

					</VisualStateGroup>

				</VisualStateManager.VisualStateGroups>

				<Grid.RenderTransform>

					<TranslateTransform x:Name="xform" X="-25"/>

				</Grid.RenderTransform>

				<Border Margin="4,4,-4,-4" Background="#052A2E31" CornerRadius="5"/>

				<Border Margin="3,3,-3,-3" Background="#152A2E31" CornerRadius="4"/>

				<Border Margin="2,2,-2,-2" Background="#252A2E31" CornerRadius="3"/>

				<Border Margin="1,1,-1,-1" Background="#352A2E31" CornerRadius="2"/>

				<Border Background="#FFDC000C" CornerRadius="2"/>

				<Border CornerRadius="2">

					<TextBlock Margin="8,4,8,4" MaxWidth="250" UseLayoutRounding="false" Foreground="White" Text="{Binding (Validation.Errors)[0].ErrorContent}" TextWrapping="Wrap"/>

				</Border>

			</Grid>

		</ControlTemplate>

		<Style x:Key="ListBoxStyle1" TargetType="ListBox">

			<Setter Property="Padding" Value="1"/>

			<Setter Property="Background" Value="#FFFFFFFF"/>

			<Setter Property="Foreground" Value="#FF000000"/>

			<Setter Property="HorizontalContentAlignment" Value="Left"/>

			<Setter Property="VerticalContentAlignment" Value="Top"/>

			<Setter Property="IsTabStop" Value="False"/>

			<Setter Property="BorderThickness" Value="1"/>

			<Setter Property="TabNavigation" Value="Once"/>

			<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>

			<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>

			<Setter Property="BorderBrush">

				<Setter.Value>

					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

						<GradientStop Color="#FFA3AEB9" Offset="0"/>

						<GradientStop Color="#FF8399A9" Offset="0.375"/>

						<GradientStop Color="#FF718597" Offset="0.375"/>

						<GradientStop Color="#FF617584" Offset="1"/>

					</LinearGradientBrush>

				</Setter.Value>

			</Setter>

			<Setter Property="Template">

				<Setter.Value>

					<ControlTemplate TargetType="ListBox">

						<Grid>

							<VisualStateManager.VisualStateGroups>

								<VisualStateGroup x:Name="ValidationStates">

									<VisualState x:Name="Valid"/>

									<VisualState x:Name="InvalidUnfocused">

										<Storyboard>

											<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ValidationErrorElement" Storyboard.TargetProperty="Visibility">

												<DiscreteObjectKeyFrame KeyTime="0">

													<DiscreteObjectKeyFrame.Value>

														<Visibility>Visible</Visibility>

													</DiscreteObjectKeyFrame.Value>

												</DiscreteObjectKeyFrame>

											</ObjectAnimationUsingKeyFrames>

										</Storyboard>

									</VisualState>

									<VisualState x:Name="InvalidFocused">

										<Storyboard>

											<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ValidationErrorElement" Storyboard.TargetProperty="Visibility">

												<DiscreteObjectKeyFrame KeyTime="0">

													<DiscreteObjectKeyFrame.Value>

														<Visibility>Visible</Visibility>

													</DiscreteObjectKeyFrame.Value>

												</DiscreteObjectKeyFrame>

											</ObjectAnimationUsingKeyFrames>

											<ObjectAnimationUsingKeyFrames Storyboard.TargetName="validationTooltip" Storyboard.TargetProperty="IsOpen">

												<DiscreteObjectKeyFrame KeyTime="0">

													<DiscreteObjectKeyFrame.Value>

														<System:Boolean>True</System:Boolean>

													</DiscreteObjectKeyFrame.Value>

												</DiscreteObjectKeyFrame>

											</ObjectAnimationUsingKeyFrames>

										</Storyboard>

									</VisualState>

								</VisualStateGroup>

							</VisualStateManager.VisualStateGroups>

							<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2">

								<ScrollViewer x:Name="ScrollViewer" BorderBrush="Transparent" BorderThickness="0" Padding="{TemplateBinding Padding}" TabNavigation="{TemplateBinding TabNavigation}">

									<ItemsPresenter/>

								</ScrollViewer>

							</Border>

							<Border x:Name="ValidationErrorElement" Visibility="Collapsed" BorderBrush="#FFDB000C" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2">

								<ToolTipService.ToolTip>

									<ToolTip x:Name="validationTooltip" Template="{StaticResource ValidationToolTipTemplate}" DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}" Placement="Right" PlacementTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}">

										<ToolTip.Triggers>

											<EventTrigger RoutedEvent="Canvas.Loaded">

												<BeginStoryboard>

													<Storyboard>

														<ObjectAnimationUsingKeyFrames Storyboard.TargetName="validationTooltip" Storyboard.TargetProperty="IsHitTestVisible">

															<DiscreteObjectKeyFrame KeyTime="0">

																<DiscreteObjectKeyFrame.Value>

																	<System:Boolean>true</System:Boolean>

																</DiscreteObjectKeyFrame.Value>

															</DiscreteObjectKeyFrame>

														</ObjectAnimationUsingKeyFrames>

													</Storyboard>

												</BeginStoryboard>

											</EventTrigger>

										</ToolTip.Triggers>

									</ToolTip>

								</ToolTipService.ToolTip>

								<Grid Height="10" HorizontalAlignment="Right" Margin="0,-4,-4,0" VerticalAlignment="Top" Width="10">

									<Path Fill="#FFDC000C" Margin="-1,3,0,0" Data="M 1,0 L6,0 A 2,2 90 0 1 8,2 L8,7 z"/>

									<Path Fill="#ffffff" Margin="-1,3,0,0" Data="M 0,0 L2,0 L 8,6 L8,8"/>

								</Grid>

							</Border>

						</Grid>

					</ControlTemplate>

				</Setter.Value>

			</Setter>

		</Style>

	</UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="Black">

    	<View:ConsultationBookView DataContext="{Binding ConsultationBookViewContextMenu,Mode=TwoWay}" x:Name="ConsultationBookViewElement" Margin="0,0,8,0" VerticalAlignment="Top" HorizontalAlignment="Right" Foreground="White"/>

    	<View:AnnotationMaker DataContext="{Binding ViewModelAnnotationMaker}"  x:Name="AnnotationMakerElement" VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="0,0,256,84"/>

    	<ListBox SelectedIndex="{Binding SelectedVideoBookIndex,Mode=TwoWay}" x:Name="listBox" Margin="0,0,256,408" ItemsSource="{Binding SelectedVideoBooks}" Foreground="White"  HorizontalAlignment="Right" Background="Transparent" >

		<ListBox.ItemTemplate>

			<DataTemplate >

				<View:BookTimeLine/>

			</DataTemplate>

		</ListBox.ItemTemplate>

		</ListBox>

    	<View:PolemicView Margin="8,0,584,48" RenderTransformOrigin="0.5,0.5" Height="320" VerticalAlignment="Bottom">

    		<View:PolemicView.RenderTransform>

    			<TransformGroup>

    				<ScaleTransform ScaleX="-1"/>

    				<SkewTransform/>

    				<RotateTransform/>

    				<TranslateTransform/>

    			</TransformGroup>

    		</View:PolemicView.RenderTransform>

    	</View:PolemicView>

    </Grid>

</UserControl>