<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="MKKControls.ToolTipImgButton"
	x:Name="TTButton"
	d:DesignWidth="50" d:DesignHeight="50">
	<UserControl.Resources>
	 <Style x:Key="ButtonStyle" TargetType="Button">
        <Setter Property="Width" Value="40" />
		<Setter Property="Height" Value="40" />
		<Setter Property="Margin" Value="5,5,5,5" />
		


     </Style>
	 
	</UserControl.Resources>
	
	<StackPanel>
		
        <Button x:Name="_Button" Style="{StaticResource ButtonStyle}" RenderTransformOrigin="0.5,0.5">
        	
           <Image Name="_Image" Width="32" Height="32" Source="{Binding ElementName=TTButton, Path=ButtonImageSource}"/>
			
			<Button.Effect>
            <DropShadowEffect Opacity="0.5" Color="DarkGreen"/>
            </Button.Effect>  

			<Button.Triggers>      
            <EventTrigger RoutedEvent="Button.MouseEnter">
				
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation
                            Storyboard.TargetProperty="(Button.Width)"
                            To="45" Duration="0:0:0.3" 
							AutoReverse="True" 
							/>
							</Storyboard>
				</BeginStoryboard>
				<BeginStoryboard>
							<Storyboard>
							<DoubleAnimation
                            Storyboard.TargetProperty="(Button.Height)"
                            To="45" Duration="0:0:0.3" 
							AutoReverse="True" 
							/>
							</Storyboard>
			   </BeginStoryboard>
			   <BeginStoryboard>
							<Storyboard>
							<ThicknessAnimation
                            Storyboard.TargetProperty="(Button.Margin)"
                            To="5,0,5,5" Duration="0:0:0.3" 
							AutoReverse="True" 
							/>
                           </Storyboard>
                </BeginStoryboard>
          </EventTrigger>
		  
		  </Button.Triggers>


        </Button>
        <Popup  IsOpen="{Binding IsMouseOver, ElementName=_Button, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}"
                AllowsTransparency="True"
				PopupAnimation="Slide"                
                >
			
            <Border BorderBrush="DarkGreen"
			    Background="Yellow"
				CornerRadius="5"
				BorderThickness="2"
				>
                        
                <TextBlock Name="_TextBlock" Text="{Binding ElementName=TTButton, Path=PopupText}" Margin="5,5,5,5"/>
								
            
            </Border>
        </Popup>
    </StackPanel>
	
</UserControl>