a4j:medipaOutput

[ramumedipally]

Hi all,
I am new to seam or ajax or jsf,
My problem is when ever I am using a4j:mediaOutput in an xhtml page with element="object" spinner is revolving on the top left corner of the page (this will come when a page is loading). And this spinner is never ending

my code is as following
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a4j="http://richfaces.org/a4j"
    template="layout/template.xhtml">
    <ui:define name="body">
        <rich:modalPanel id="locationdoc" autosized="true" width="700" height="400" headerClass="lightyelo" style="-moz-border-radius: 7px;-moz-box-shadow: -0.2px -0.1px 12px #888888;border-color:#D0CECE;">
                <div style="border:1px solid #c4c0b9;text-align:center; background-color: #FBFBEF;">
                        <a4j:outputPanel ajaxRendered="true">
                                <a4j:mediaOutput element="object" value="#{sssignbean.mapLocation}"
                          uriAttribute="data" createContent="#{managesignAc.getfile}"
                          mimeType="#{managesignAc.contentType}"  id="jpg-preview" cacheable="false"
                          session="true" width="600" height="400" >
                
                        </a4j:mediaOutput>
                        </a4j:outputPanel>
                </div>
        </rich:modalPanel>
                                        </h:form>
                                       
                                </td>
                        </tr>
                </table>
                <a4j:status onstart="#{rich:component('wait')}.show()" onstop="#{rich:component('wait')}.hide()"/>
                <rich:modalPanel id="wait" autosized="true" width="190" height="70" moveable="false" resizeable="false">
                <f:facet name="header">
                    <h:outputText value="Processing"/>
                </f:facet>
                <h:outputText value="Please wait..."/>
            </rich:modalPanel>
    </ui:define>
</ui:composition>