Modalpopupextender onmouseover onmouseout in asp.net

<asp:Image ID="imgFI" runat="server" ImageUrl="~/images/Color_Photo.jpg" Style="margin-left: 15px;" BorderColor="Black" BorderWidth="1px" BorderStyle="Solid" />

 <asp:Button ID="btnHd" runat="server" style="display: none;" />

<cc1:ModalPopupExtender runat="server" ID="mpe" BehaviorID="programmaticModalPopupBehavior" TargetControlID="btnHd"PopupControlID="puCategory"  DropShadow="True"> </cc1:ModalPopupExtender> <asp:Panel runat="server" CssClass="eventModalPopup" ID="puCategory"Style="display: none;" Height="200px" Width="200px">

pop up text

</asp:Panel>

code-behind:

this.imgFI.Attributes.Add("onmouseover", "imgFI_onmouseover();");this.imgFI.Attributes.Add("onmouseout", "imgFI_onmouseout();");

javascript:

function imgFI_onmouseover()
{
$find("programmaticModalPopupBehavior").show();
}

function imgFI_onmouseout()
{
$find("programmaticModalPopupBehavior").hide();
}