Duvida no uso pagina ModalPanel não faz nada

Front-end
#1

Olá,

peguei esse exemplo de Modalpanel e não faz nada isto é não sei se estou fazendo
o correto pra funcionar.
Não da mensagem de erro …

Se alguém puder me ajudar agradeceria…

abs

menu que chama

					<!-- Teste -->
					<h:commandButton value="Modal" action="/restrito/testar"/>

testar.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
	>
  
   <rich:panelMenuItem label="Logar"  onclick="javascript:Richfaces.showModalPanel('mp')">  
               <a4j:support event="onclick" onsubmit="true"/>  
   </rich:panelMenuItem> 
   
    <rich:modalPanel   id="mp" minHeight="178" minWidth="300" height="210" width="320" zindex="2000">  
               <f:facet name="header">  
                      <h:outputText value="Login"/>  
               </f:facet>   
                <f:facet name="controls">  
                <h:graphicImage value="/images/menu/erroFaces.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('mp')" />  
               </f:facet>  
              <div style="background-image:url(../images/loginFundo.jpg); background-repeat:no-repeat; height: 178px; margin-top: 0px;margin-left:0px; margin-bottom: 0px;">  
                   <a4j:form id="mpform">  
                       <br/> <br/> <br/> <br/>   
                      &lt;h:outputLabel value="Usuário: "  style="margin-left: 1%;font-size:12px; font-color:#0C1174"/&gt;  
                      &lt;h:inputText id="login"  style="margin-left:3%; width :137px; " required="true" value="#{userBean.usuario.usuario}"/&gt;   
                      <br/>   
                      &lt;rich:message for="login" style="margin-left:16% ;"&gt;  
                          &lt;f:facet name="errorMarker"&gt;  
                              &lt;h:graphicImage url="../images/menu/erro.png"/&gt;  
                          &lt;/f:facet&gt;  
                      &lt;/rich:message&gt;   
                      <br/>  
                      &lt;h:outputLabel value="Senha: "  style="margin-left: 1%;font-size:12px;font-color:#0C1174"/&gt;  
                      &lt;h:inputSecret id="senha"  style="margin-left:6%; width :137px; " required="true" value="#{userBean.usuario.senha}"/&gt;  
                      <br/>  
                      &lt;rich:message for="senha" style="margin-left:16% ;"&gt;  
                          &lt;f:facet name="errorMarker"&gt;  
                              &lt;h:graphicImage url="../images/menu/erro.png"/&gt;  
                          &lt;/f:facet&gt;  
                      &lt;/rich:message&gt;   
                      <br/>  
                      &lt;a4j:commandButton style="margin-left: 17%; font-size:12px;" value="Logar" action="#{userBean.logarUser}"/&gt;  
                      <br/>  
           &lt;/a4j:form&gt;  
         &lt;/div&gt;        
        &lt;/rich:modalPanel&gt;
#2