Eu tenho um menu estático na barra lateral que incluo em todas as páginas JSF. O menu parece assim:

  <li class="nav-header">Item 1</li>
  <li class="active"><a href="index.xhtml">Item 2</a></li>
  <li><a href="new_workload.xhtml">Item 3</a></li>
  <li><a href="import_workload.xhtml">Item 4</a></li>

Adicionando umclass="active" ao<li> destaca o menu. Como faço para garantir que o item selecionado esteja realçado dinamicamente no JSF2?

Eu sei que o PrimeFaces e o RichFaces têm componentes prontos para isso, mas eu quero tentar uma solução JSF 2 pura primeiro. Uma solução JavaScript pura do lado do cliente também é aceitável.