<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
<ui:composition>
<table border="0" cellpadding="0" cellspacing="1">
	<tbody> 
		<a4j:repeat var="component" value="#{components}">
			<tr class="#{component.current?'active':'unactive'}" onmouseover="this.className='active'" onmouseout="this.className='#{component.current?'active':'unactive'}'">
				<td class="ico"><div style="width: 16px;height: 16px;"><h:graphicImage value="#{component.iconImage}" width="16" height="16" alt="" border="0" /><h:graphicImage value="/images/icons/ico_new_item.gif" rendered="#{component.newComponent}" style="position:relative; top:-6px; left:10px;" alt="" width="10" height="10"/></div></td>
				<td class="text #{component.newComponent?'bold':''}" width="100%">
					<h:outputLink style="display:block;height:20px" value="#{component.contextRelativeDemoLocation}">
						<span style="display:block;padding-top:3px;text-decoration : none; color : #000000;">
							#{component.name}
						</span>
						<f:param value="#{component.id}" name="c"/>
						<f:param value="#{component.activeTab}" name="tab"/>
					</h:outputLink>
				</td> 
			</tr>
		</a4j:repeat> 
	</tbody>
</table>
</ui:composition>
</html>

