integrate upload file with form

Hi all,

I want to create a page which contains a form , in this form i want to fill details of the employee as well as browse to employee picture and at the last save the form ( while saving the form , the employee picture will be uploaded and his/her details will be saved)

I have found richfaces component to upload a file
http://livedemo.exadel.com/richfaces-demo/richfaces/fileUpload.jsf
and i have made example and it worked fine.
, and i have already made example to make a form and it worked fine

in my current page the file will be uploaded first , then the form will be filled and submitted , what i want is that (submission of form as and uploading of file should be simultaneously)
, but i really dont know how to integrate file upload with a form .

Could any one help me .

by the way here is the form

<h:form>
	
	<rich:fileUpload   maxFilesQuantity="1"  addControlLabel="#{msgs.add}"  fileUploadListener="#{employeeInfoBean.listener}">
	  <f:facet name="label">

<h:outputText value="{_KB}KB from {KB}KB uploaded --- {mm}:{ss}" />

</f:facet>
        
	</rich:fileUpload>
	
	<h:panelGrid columns="3">
		
		
		<h:outputLabel for="firstName" value="#{msgs.firstName}:" />
		<h:inputText id="firstName" value="#{newEmployeeInfo.firstName}" required="true" requiredMessage="#{msgs.required_message}" />
		<rich:message for="firstName" style="color:red;" />
		
		<h:outputLabel for="lastName" value="#{msgs.lastName}:" />
		<h:inputText id="lastName" value="#{newEmployeeInfo.lastName}" required="true" requiredMessage="#{msgs.required_message}" />
		<rich:message for="lastName" style="color:red;" />
		
		<h:outputLabel for="phoneNumber" value="#{msgs.phoneNumber}:" />
		<h:inputText id="phoneNumber" value="#{newEmployeeInfo.phoneNumber}" required="true" requiredMessage="#{msgs.required_message}" />
		<rich:message for="phoneNumber" style="color:red;" />
		
		<h:outputLabel for="jobDescription" value="#{msgs.jobDescription}:" />
		<h:inputText id="jobDescription" value="#{newEmployeeInfo.jobDescription}" required="true" requiredMessage="#{msgs.required_message}" />
		<rich:message for="jobDescription" style="color:red;" />
		
	</h:panelGrid>
	
	<center>
	<h:graphicImage value="/images/save.gif"  />
	<a4j:commandLink reRender="employeesPanel,errMessage"  value="#{msgs.save}" actionListener="#{employeeInfoBean.saveEmployeeInfo}"></a4j:commandLink>
	<center><h:outputLabel value="#{employeeInfoBean.errorMessage}"  id="errMessage" style="color:red;" rendered="true"/></center>
	</center>
</h:form>

Any reply.............

Any reply.............