selectOneListbox aninhadas

Saudações, olha eu de novo, preciso de ajuda para uma solução para 02 selectOneListbox aninhadas, ou seja, de duas entitades relacionadas, departamento e categoria, segue abaixo.

já consegui alimenta-las, mas nao consigo  aninha-las, ou seja, carregar as categorias referente ao Departamento selecionado.

abaixo segue meu bean

//pegar departamentos
    public SelectItem[] getDepto(){
        List<DeptoProduto> depProd = DaoDepProd.getAllDeptoProduto();
        SelectItem[] retorno = new SelectItem[depProd.size()];
        for (int idx = 0; idx < retorno.length; idx++) {
            retorno[idx] = new SelectItem(depProd.get(idx),depProd.get(idx).getNome_depto());
        }
    return retorno;
    }


    //pegar categorias
    public SelectItem[] getCateg(){
        List<CategProduto> catProd = DaoCatProd.getAllCategProduto();
        SelectItem[] retorno = new SelectItem[catProd.size()];
        for (int idx = 0; idx < retorno.length; idx++) {
            retorno[idx] = new SelectItem(catProd.get(idx),catProd.get(idx).getNome_categ());
        }
    return retorno;
    }

tenho os conversores para departamentos e categorias, caso precise é só pedir que eu postos elas ai,
e abaixo segue minha pagina jsf.

<h:selectOneListbox id="depto" size="7"  style="position: absolute; left: 300px; top: 260px"
       value="#{ProdutosFaces.produtoInAction.prodCadast}">
           <f:selectItems value="#{ProdutosFaces.depto}"/>
           <f:converter converterId="DeptoConverter"/>
</h:selectOneListbox>


<h:selectOneListbox id="categ" size="7"  style="position: absolute; left: 550px; top: 260px"
       value="#{ProdutosFaces.produtoInAction.categProdProd}">
           <f:selectItems value="#{ProdutosFaces.categ}"/>
           <f:converter converterId="CategConverter"/>
</h:selectOneListbox>

o que preciso é que ao clicar em um departamento, a combo categorias mostres as categorias relacionadas.
mais uma vez agradeço a atenção, obrigao.
Fico no aguardo.