P:menuitem + onclick + javascript + chamar p:dialog

Front-end JavaScript
,
#1

Tenho um p:menuitem que executa um javascript que busca num webservice uma url pra abrir em nova aba no navegador, eu queria colocar um botão de aguarde enquanto a url do webservice não me é retornada, alguém sabe como fazer um show e um hide num p:dialog usando javascript?

Segue abaixo código:

<p:menuitem value="Totais Diarios" onclick="relMonitoramento('#{SessionBean.login}', '#{MenuPrincipal.BilhetagemDiario_action()}');" ajax="false"/>

p:dialog modal="true" widgetVar="carrega" resizable="false" closable="false" position="center" showHeader="false" id="carrega">
<table >
<tr align="center"><td>AGUARDE...<br></br>Processando solicitação</td></tr>
<tr><td align="center"><img src="#{facesContext.externalContext.requestContextPath}/resources/images/ajax-loader.gif" /></td></tr>
</table>
</p:dialog>

function relMonitoramento(usuario, menu){
alert("oi")
//getRealElementByPartialName('carrega').style.display = 'block';
PF('carrega').show();
var cont = window.location.href;	 			//http://numero_ip_servidor:porta/Aplicacao/...					
var contexto = cont.split("Aplicacao");	// 2 strings -> http://numero_ip_servidor:porta/ e Aplicacao/...
var func = menu.split("|");						// 2 resultados -> funcao e recurso
var retorno = JSON.parse(comunica(contexto[0] + "webservice/webservicemethod?login=" + usuario + "&amp;funcao=" + func[0] + "&amp;recurso=" + func[1]));
alert("fui")
//getRealElementByPartialName('carrega').style.display = 'none';
PF('carrega').hide();
						
window.open(retorno.aplicacao, '_blank');
}