ListView with BalloonPopupExtender

Hi

I need to show some images of produtcs and when the mouse is over one image I want to show some fields from the database. Here is my code:

<AlternatingItemTemplate><td runat="server" style="">id:<asp:Label ID="idLabel" runat="server" Text='<%# Eval("id") %>' /><br />sku:<asp:Label ID="skuLabel" runat="server" Text='<%# Eval("sku") %>' /><br />descricao:<asp:Label ID="descricaoLabel" runat="server" Text='<%# Eval("descricao") %>' /><br /><asp:Image ID="Image1" ImageUrl='<%# Eval("imagem") %>' CssClass="img-thumbnail img-responsive " ToolTip='<%# Bind("imagem") %>' AlternateText='<%# Bind("imagem") %>'  width="100" height="100" runat="server" />

                            imagem:
                            <asp:Label ID="imagemLabel" runat="server" Text='<%# Eval("imagem") %>' /><br />pvp:<asp:Label ID="pvpLabel" runat="server" Text='<%# Eval("pvp") %>' /><br />preco:<asp:Label ID="precoLabel" runat="server" Text='<%# Eval("preco") %>' /><br />marca:<asp:Label ID="marcaLabel" runat="server" Text='<%# Eval("marca") %>' /><br />genero:<asp:Label ID="generoLabel" runat="server" Text='<%# Eval("genero") %>' /><br />ano_lancamento:<asp:Label ID="ano_lancamentoLabel" runat="server" Text='<%# Eval("ano_lancamento") %>' /><br /></td><!-- script --><ajaxToolkit:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server" TargetControlID="Image1" BalloonPopupControlID="Panel1" DisplayOnClick="False" DisplayOnMouseOver="True" BalloonSize="Medium"></ajaxToolkit:BalloonPopupExtender><asp:Panel ID="Panel1" runat="server">
            Want to show some field values<asp:Button ID="Button1" runat="server" Text="Close" /></asp:Panel></AlternatingItemTemplate>  

My problem:

How can I change the panel1 to show the fields for each image ?

Thank you