Jquery e primefaces

Front-end
#1

olá…tenho uma pagina que usa o plugin jquery smint para fazer a rolagem no estilo one page, estava querendo usar alguns componentes primefaces porém o p:growl e também p:dialog não funcionam. Acredito que o jquery esteja conflitando com o do prime mão não faço ideia de como resolver.
O que mais preciso é que as facesmessage sejam mostradas no p:growl.
Se alguém puder dar uma mão eis o cod:

<?xml version='1.0' encoding='UTF-8' ?>
<!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:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view encoding="ISO-8859-1">

	<h:head>

		<title>Mais Soluções </title>

		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1 user-scalable=no" />


		<link
			href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700'
			rel='stylesheet' type='text/css' />

		
		<link href="css/estilo.css" rel="stylesheet" type="text/css" />
		
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript" 	src="js/jquery.smint.js"></script>

		
		<script type="text/javascript">
	

$(document).ready( function() {
    $('.subMenu').smint({
    	'scrollSpeed' : 1000
    });
});


</script>

	</h:head>
	<h:body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">

		<div id="fb-root"></div>

		<div class="wrap">

			<div class="subMenu">
				<div class="inner">
					<a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#"
						id="s1" class="subNavBtn">Solução</a> <a href="#" id="s2"
						class="subNavBtn">Contato</a> <a href="#" id="s3"
						class="subNavBtn">Localização</a> <a href="#" id="s4"
						class="subNavBtn">Parceiros</a> <a href="#" id="s5"
						class="subNavBtn end">Tecnologia</a>
				</div>



			</div>


			<div class="section sTop">



				<div class="inner">




				</div>
				<br class="clear" />
			</div>





			<div class="section s1">

				<div class="inner">

		 

				</div>

			</div>

			<div class="section s2">
				<div class="inner">

					<h1>Contato</h1>
					<h:form>
					<h:panelGrid id="painel" columns="2">


						<h:outputLabel value="Nome:&nbsp;&nbsp;&nbsp;"
							style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
						<h:inputText value="#{formularioMB.nome}" id="inNome"
							required="true" requiredMessage="Preencha seu nome"
							style="width: 180px" />

						<h:outputLabel value="Empresa:&nbsp;"
							style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
						<h:inputText value="#{formularioMB.empresa}" style="width: 180px"
							required="true" requiredMessage="Campo Empresa nescessário"" />
						<h:outputLabel value="Cargo:&nbsp;&nbsp;&nbsp;"
							style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
						<h:inputText value="#{formularioMB.cargo}" style="width: 180px"
							required="true" requiredMessage="Campo Cargo nescessário" />
						<h:outputLabel value="E-mail:&nbsp;&nbsp;&nbsp;"
							style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
						<h:inputText id="inEmail" value="#{formularioMB.email}"
							required="true" requiredMessage="Campo E-mail nescessário"
							style="width: 180px">
							<f:validator validatorId="validadorEmail" />
						</h:inputText>

						<h:outputLabel value="Telefone:&nbsp;"
							style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
						<h:inputText value="#{formularioMB.telefone1}"
							style="width: 105px" required="true"
							requiredMessage="Campo Telefone nescessário">
							<f:validator validatorId="validadorTelefone" />
						</h:inputText>
						<h:outputLabel value="Mensagem:&nbsp;"
							style="FONT-SIZE: small; FONT-FAMILY: 'Arial';" />
						<h:inputTextarea value="#{formularioMB.mensagem}"
							style="width: 180px" />

						<p:commandButton id="btnEnviar" value="enviar" update="painel"
							actionListener="#{formularioMB.enviar()}" />

						<p:growl />
					</h:panelGrid>
					</h:form>
					<ui:remove>
						<!-- ###############mensagens de dialogo prime######################## -->
					</ui:remove>
					<p:idleMonitor timeout="100000" onidle="PF('idleDialog').show()"
						onactive="PF('idleDialog').hide()" />

					<p:dialog header="+ Mais Soluções Inteligentes" resizable="false"
						widgetVar="idleDialog" modal="true" width="400">
						<h:outputText value="Deixe seu contato,  ligamos pra você." />
					</p:dialog>
					<p:ajaxStatus onstart="PF('statusDialog').show();"
						onsuccess="PF('statusDialog').hide();" />
					<p:dialog modal="true" widgetVar="statusDialog"
						header="Processando" draggable="false" closable="false">
						<p:graphicImage value="imagens/logo/loading.gif" />
					</p:dialog>


					<ui:remove>
						<!-- ############### fim mensagens de dialogo######################## -->
					</ui:remove>


				</div>

			</div>

			<div class="section s3">
				<div class="inner">

					<h1>Localização</h1>
					 
				</div>

			</div>

			<div class="section s4">


				<div class="inner">

					<h1>Parceiros</h1>
					 

				</div>

			</div>

			<div class="section s5">
				<div class="inner">

					<h1>Tecnologia</h1>

				</div>

			</div>



		</div>



	</h:body>
</f:view>
</html>
#2