<ui:composition 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://java.sun.com/jsf/composite/org.richfaces.showcase">
	<rich:panel style="width:300px" bodyClass="">
		<f:facet name="header">
			<h:outputText value="Navigation" />
		</f:facet>  
		<ul>
		<a4j:repeat value="#{demoNavigator.groups}" var="gr">
			<li>
				<h:outputText value="#{gr.name}" style="font-weight:bold"/>
				<h:outputText rendered="#{gr.newItem}" value="NEW!" styleClass="new_marker" />
			</li>
			<ul>
				<a4j:repeat value="#{gr.demos}" var="d">
					<li>
						<h:link outcome="/richfaces/component-sample.xhtml" value="#{d.name}" includeViewParams="false">
							<f:attribute name="style" value="#{(d.id == demoNavigator.currentDemo.id) ? 'color:orange' : ''}"/>
							<f:param name="demo" value="#{d.id}"/>
						</h:link>
						<h:outputText rendered="#{d.newItem or gr.newItem}" value="NEW!" styleClass="new_marker" />
					</li>
				</a4j:repeat>
			</ul>
		</a4j:repeat>
		</ul>
	</rich:panel>
</ui:composition>
