Animated loading image in JQGrid

See more:

jQuery-UI

Hi all, I am using a JQgrid. My task is as follows:
In the first column, I have a name as a hyperlink.
The hyperlink, when clicked, should open a new page in the iframe where the grid is. When the page is loading, I have to display some image to notify users that it is working. How can I do this?
My code for the formatter is as follows:

function EprLinkFormater(cellvalue, options, rowObject)
{
    return "<a id='PlantId"
    + rowObject['ID'] 
    + "'  href=LocationUpdate.aspx?mode=up&Code=" 
    + rowObject['Oracle'] 
    + "&PlantId=" 
    + rowObject['ID'] 
    + " valign='middle' >" 
    + cellvalue 
    + "</a><img align='right' valign='absmiddle' src='images/info2.jpeg' alt='Click to see Plant Details' title='Click to see some of the important details of this Plant' onclick=popup1(event," 
    + "id=" 
    + rowObject['ID'] 
    + ",this"
    + "); />";
}

Thanks in advance