GIF89;a
GIF89;a
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="HelpButtonAjax.ascx.cs" Inherits="Controls_HelpButtonAjax" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<div style="direction:ltr">
            <div id="DivBg" runat="server" style="background-image: url(Images/btn.jpg); background-position:center;
            background-repeat:no-repeat;">
            <asp:Button ID="Button1"  runat="server" OnClientClick="return false;"
             style="background-color:Transparent; padding-bottom: 5px; Font-Size:20px; " Text="?"  /></div>
        <div id="flyout" runat="server" style="display: none; position:absolute; overflow: hidden; z-index: 2; background-color: #FFFFFF; border: solid 1px #D0D0D0;"></div>
        <div id="info" runat="server" style="display: none; position:absolute; z-index: 2; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); font-size: 12px; border: solid 1px #CCCCCC; background-color: #FFFFFF; padding:5px;">
            
            
            <table id="tbllText" runat="server" width="245">
            <tr>
            <td style="width:93%;"><div id="divText" runat="server" style=" display:none;  direction:rtl; width:100%; height:280; overflow-y:scroll;
    scrollbar-shadow-color:#f2f2f2;
	scrollbar-track-color:#FAFAFA; 
	scrollbar-face-color:#f2f2f2; 
	scrollbar-3dlight-color:black; 
	scrollbar-arrow-color:black; 
	scrollbar-highlight-color:#f2f2f2; ">
                   <asp:Label ID="LabHelp3" runat="server" ></asp:Label>
            </div></td>
            <td style="vertical-align:top; width:7%;"><div id="btnCloseParent" runat="server" style="float: right;  opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);">
                <asp:LinkButton id="btnClose" runat="server" OnClientClick="return false;" Text="X" ToolTip="Close"
                    Style="background-color: #666666; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none; border: outset thin #FFFFFF; padding: 5px;" />
            </div></td>
            
            </tr>
            </table>
        </div>    


    <ajaxToolkit:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="Button1">
    <Animations>
    <OnClick>
        <Sequence>
               <EnableAction Enabled="false" />
               <StyleAction AnimationTarget="flyout" Attribute="display" Value="block"/>
               
               <Parallel AnimationTarget="flyout" Duration=".3" Fps="25">
                   <Move Horizontal="100" Vertical="-100" />
                   <Resize Width="260" Height="280" />
                   <Color PropertyKey="backgroundColor" StartValue="#AAAAAA" EndValue="#FFFFFF" />
               </Parallel>              
                
                <StyleAction AnimationTarget="info" Attribute="overflow" Value="visible"/>
                 
                     <StyleAction AnimationTarget="info" Attribute="display" Value="block"/>
                    
                    <Parallel AnimationTarget="info" Duration="0">
                   <Move Horizontal="100" Vertical="-100" />
                   <Resize Width="260" Height="280"/>
          
               </Parallel>
               <StyleAction AnimationTarget="divText" Attribute="display" Value="block"/>
               <FadeIn AnimationTarget="divText" Duration="0"/>
                        <FadeIn AnimationTarget="info" Duration=".2"/>
                        <Parallel AnimationTarget="flyout" Duration="0">
                   <Move Horizontal="-100" Vertical="+100" />
                   <Resize Width="0" Height="0" />
               </Parallel>
                        
                        <StyleAction AnimationTarget="flyout" Attribute="display" Value="none"/>
                        <Parallel AnimationTarget="info" Duration=".2">
                            <Color PropertyKey="color" StartValue="#666666" EndValue="#666666" />
                            <Color PropertyKey="borderColor" StartValue="#666666" EndValue="#666666" />
                        </Parallel>
                        <Parallel AnimationTarget="divText" Duration=".3">
                            <Color PropertyKey="color" StartValue="#666666" EndValue="#666666" />
                            <Color PropertyKey="borderColor" StartValue="#666666" EndValue="#666666" />
                        </Parallel>
               <Parallel AnimationTarget="divText" Duration="0">
                            <Color PropertyKey="color" StartValue="#666666" EndValue="#666666" />
                            <Color PropertyKey="borderColor" StartValue="#666666" EndValue="#666666" />
               </Parallel>
               <FadeIn AnimationTarget="btnCloseParent" Duration=".2"/>
               
                        <Parallel AnimationTarget="info" Duration=".3">
                            <Color PropertyKey="color" StartValue="#666666" EndValue="#666666" />
                            <Color PropertyKey="borderColor" StartValue="#666666" EndValue="#666666" />
                            

               </Parallel>

          </Sequence>
    </OnClick>    
    </Animations>
    </ajaxToolkit:AnimationExtender>
            <ajaxToolkit:AnimationExtender id="AnimationExtender2" runat="server" TargetControlID="btnClose">
            <Animations>
                <OnClick>
                    <Sequence AnimationTarget="info">
                 <FadeOut AnimationTarget="divText" Duration=".2"/>
                 <StyleAction AnimationTarget="divText" Attribute="display" Value="none"/>
                        <StyleAction Attribute="overflow" Value="hidden"/>
                        <Parallel Duration=".3" Fps="25">
                            <Scale ScaleFactor="0.3" Center="true" ScaleFont="true" FontUnit="px" />
                            <FadeOut />
                            
                            <Move Horizontal="-100" Vertical="+100" />
                   <Resize Width="250" Height="20" />
                        </Parallel>
                      
                  
                                   
                        <StyleAction Attribute="display" Value="none"/>
                        <StyleAction Attribute="width" Value="250px"/>
                        <StyleAction Attribute="height" Value=""/>
                        <StyleAction Attribute="fontSize" Value="12px"/>
                        <OpacityAction AnimationTarget="btnCloseParent" Opacity="0" />
                        
                        <EnableAction AnimationTarget="Button1" Enabled="true" />
                    </Sequence>
                </OnClick>
                <OnMouseOver>
                    <Color Duration=".2" PropertyKey="color" StartValue="#FFFFFF" EndValue="#FF0000" />
                </OnMouseOver>
                <OnMouseOut>
                    <Color Duration=".2" PropertyKey="color" StartValue="#FF0000" EndValue="#FFFFFF" />
                </OnMouseOut>
             </Animations>
        </ajaxToolkit:AnimationExtender>
</div>