Dynamic image display in asp.net link mouseover using webservice

Question

I have a web page developed in asp.net. The page contains a sections which shows the name of the employees who have recently joined in the company. On mouseover of the link I want to show a panel which should display some more details of the employees viz., Date of joining, department, designation, email address and his picture.

I am trying to use a webservice to return the details of the employee, webservice will be consumed in the javascript. To allow webservice to be called from script using asp.net ajax, I have added following line in the webservice:

System.Web.Script.Services.ScriptService

I have hooked up this webservice to my asp.net web page using the script manager as:

    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <services>
            <asp:ServiceReference Path="EmpDetails.asmx"   />
        </services>
    </asp:ScriptManager>

I am facing problem in returning image stored in the database from my webservice to the javascript function of my asp.net page.

Can someone help me with some example which shows how can I return image from webservice which can be dynamically shown in the panel on mouseover of the the asp.net links.

Thanks