<!--
  JBoss, Home of Professional Open Source
  Copyright 2013, Red Hat, Inc. and individual contributors
  by the @authors tag. See the copyright.txt in the distribution for a
  full listing of individual contributors.

  This is free software; you can redistribute it and/or modify it
  under the terms of the GNU Lesser General Public License as
  published by the Free Software Foundation; either version 2.1 of
  the License, or (at your option) any later version.

  This software is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  Lesser General Public License for more details.

  You should have received a copy of the GNU Lesser General Public
  License along with this software; if not, write to the Free
  Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  02110-1301 USA, or see the FSF site: http://www.fsf.org.
  -->

<ui:composition 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:fn="http://java.sun.com/jsp/jstl/functions"
      xmlns:r="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
<r:outputPanel id="component" ajaxRendered="true" >
  <h:outputStylesheet>
        .navigation .rf-tab-hdr-brd,.navigation .rf-tab {
        display: none;
        }
    </h:outputStylesheet>
<div>
    <r:tabPanel switchType="client" styleClass="navigation" activeItem="#{demoNavigator.currentSample.id}"
        onbeforeitemchange="return false;">
        <c:forEach items="#{demoNavigator.currentDemo.samples}" var="s">
            <r:tab header="#{s.name}" name="#{s.id}"
                onheaderclick="document.location.href='#{facesContext.externalContext.requestContextPath}/richfaces/mobile-component-sample.jsf?demo=#{demoNavigator.currentDemo.id}&amp;sample=#{s.id}&amp;skin=#{skinBean.skin}'" />
        </c:forEach>
    </r:tabPanel>
    <fieldset class="example-cnt" >
        <ui:include src="#{demoNavigator.sampleURI}" />
    </fieldset>
 </div>
</r:outputPanel>
</ui:composition>