<!DOCTYPE html>
<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:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich">

<ui:composition>
    <ul id="skin-menu" class="layout">
        <a4j:repeat var="skin" value="#{skinBean.skins}" iterationStatusVar="iterStatus">
            <li class="#{(skin==skinBean.skin) ? 'current-skin' : ''}"><h:link includeViewParams="true">
                    <a4j:outputPanel>#{skin}</a4j:outputPanel>
                    <f:param name="skin" value="#{skin}" />
                </h:link>
            </li>
        </a4j:repeat>
        <li class="label"><span>Select Skin:</span></li>
    </ul>
</ui:composition>

</html>