Javascript para mudar abas do Rich:tab

Front-end
#1

Fala Galera,
meu problema é o seguinte: tenho uma tela com três abas para fazer um cadastro e um botão salvar que aparece nas três abas, quando eu salvo na última aba preciso que o sistema volte pra primeira aba o que não está acontecendo.

Fiz um javascript e coloquei um evento oncomplete no botão porém não funciono.

<h:form id="frmPrincipal" >
<h:panelGroup rendered="#{unidadeLaboratorialBean.laboratorialViewHelper.opcaoCadastro != null and unidadeLaboratorialBean.laboratorialViewHelper.opcaoCadastro != ''}">
     <rich:tabPanel id="tabPanelId" swtchType="client" styleClass="nav-abas" >	    
		        
     <rich:tab label="#{msg['lbl.infraestrutura.aba.unidade.laboratorial']}" id="unidadeLaboratorial" name="unidadeLaboratorial" >
		<ui:include src="aba-unidade-laboratorial.xhtml"/>		
     </rich:tab>
<...>
<script type="text/javascript">
	function retornarAbaInicial(){
		document.getElementById('frmPrincipal:unidadeLaboratorial').onclick();
	}
</script>
<h:commandButton name="salvar" 
	styleClass="form-button" 
	title="#{msg['lbl.botao.salvar.infraestrutura']}" 
	action="#{unidadeLaboratorialBean.salvar}" 
	value="#{msg['lbl.botao.salvar.infraestrutura']}"
	rendered="#{unidadeLaboratorialBean.estado != 'estado-detalhe'}"
	onconplete="retornarAbaInicial();" >
</h:commandButton>

No firebug ao verificar o html do botão, o evento nem aparece.
Valeu galera.

#2

Igor, já temos um fórum específico de JavaScript.
Tópico movido.

[]'s

#3