<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<f:subview id="tabPanelSubviewID">
		<rich:tabPanel id="tabPanelId" headerAlignment="#{tabPanel.headerAlignment}" width="#{tabPanel.width}"
			height="#{tabPanel.height}" rendered="#{tabPanel.rendered}" title="#{tabPanel.title}" switchType="#{tabPanel.switchType}"
			headerSpacing="#{tabPanel.headerSpacing}" selectedTab="#{tabPanel.selectedTab}" activeTabClass="#{tabPanel.activeTabStyle}"
			disabledTabClass="#{tabPanel.disabledTabStyle}" inactiveTabClass="#{tabPanel.inactiveTabStyle}"
			contentClass="#{tabPanel.contentStyle}" onclick="showEvent('onclickInputID', 'onclick work!')"
			ondblclick="showEvent('ondblclickInputID', 'ondblclick work!')" onkeydown="showEvent('onkeydownInputID', 'onkeydown work!')"
			onkeypress="showEvent('onkeypressInputID', 'onkeypress work!')" onkeyup="showEvent('onkeyupInputID', 'onkeyup work!')"
			onmousedown="showEvent('onmousedownInputID', 'onmousedown work!')" onmousemove="showEvent('onmousemoveInputID', 'onmousemove work!')"
			onmouseout="showEvent('onmouseoutInputID', 'onmouseout work!')" onmouseover="showEvent('onmouseoverInputID', 'onmouseover work!')"
			onmouseup="showEvent('onmouseupInputID', 'onmouseup work!')">

			<rich:tab id="tabOne" labelWidth="#{tabPanel.labelWidth}" label="#{tabPanel.label}"
				onclick="showEvent('onclickInputID', 'onclick work!')" oncomplete="showEvent('oncompleteInputID', 'oncomplete work!')"
				ondblclick="showEvent('ondblclickInputID', 'ondblclick work!')" onkeydown="showEvent('onkeydownInputID', 'onkeydown work!')"
				onkeypress="showEvent('onkeypressInputID', 'onkeypress work!')" onkeyup="showEvent('onkeyupInputID', 'onkeyup work!')"
				onmousemove="showEvent('onmousemoveInputID', 'onmousemove work!')" onmouseout="showEvent('onmouseoutInputID', 'onmouseout work!')"
				onmouseover="showEvent('onmouseoverInputID', 'onmouseover work!')" onmouseup="showEvent('onmouseupInputID', 'onmouseup work!')"
				ontabenter="showEvent('ontabenterInputID', 'ontabenter work!')" ontableave="showEvent('ontableaveInputID', 'ontableave work!')">
				<h:outputText value="This is tab panel test example" styleClass="text1"></h:outputText>
			</rich:tab>
			<rich:tab id="tabTwo" label="Tab with image" disabled="#{tabPanel.disabledTab}"
				onclick="showEvent('onclickInputID', 'onclick work!')" oncomplete="showEvent('oncompleteInputID', 'oncomplete work!')"
				ondblclick="showEvent('ondblclickInputID', 'ondblclick work!')" onkeydown="showEvent('onkeydownInputID', 'onkeydown work!')"
				onkeypress="showEvent('onkeypressInputID', 'onkeypress work!')" onkeyup="showEvent('onkeyupInputID', 'onkeyup work!')"
				onmousemove="showEvent('onmousemoveInputID', 'onmousemove work!')" onmouseout="showEvent('onmouseoutInputID', 'onmouseout work!')"
				onmouseover="showEvent('onmouseoverInputID', 'onmouseover work!')" onmouseup="showEvent('onmouseupInputID', 'onmouseup work!')"
				ontabenter="showEvent('ontabenterInputID', 'ontabenter work!')" ontableave="showEvent('ontableaveInputID', 'ontableave work!')">
				<f:facet name="header">
					<h:outputText value="client switchType from facet" />
				</f:facet>
				<h:graphicImage value="/pics/masshtaby_01.jpg" width="560" height="383"></h:graphicImage>
			</rich:tab>
			<rich:tab id="tabThree" label="Tab with some text" disabled="#{tabPanel.disabledTab}"
				onclick="showEvent('onclickInputID', 'onclick work!')" oncomplete="showEvent('oncompleteInputID', 'oncomplete work!')"
				ondblclick="showEvent('ondblclickInputID', 'ondblclick work!')" onkeydown="showEvent('onkeydownInputID', 'onkeydown work!')"
				onkeypress="showEvent('onkeypressInputID', 'onkeypress work!')" onkeyup="showEvent('onkeyupInputID', 'onkeyup work!')"
				onmousemove="showEvent('onmousemoveInputID', 'onmousemove work!')" onmouseout="showEvent('onmouseoutInputID', 'onmouseout work!')"
				onmouseover="showEvent('onmouseoverInputID', 'onmouseover work!')" onmouseup="showEvent('onmouseupInputID', 'onmouseup work!')"
				ontabenter="showEvent('ontabenterInputID', 'ontabenter work!')" ontableave="showEvent('ontableaveInputID', 'ontableave work!')">
				<h:outputText
					value="   Some text... Some text...  Some text... Some text... Some text... Some text... Some text... Some text...
				     Some text... Some text... Some text... Some text... Some text... Some text... Some text... Some text... 
				     Some text... Some text... Some text... Some text... Some text... Some text... Some text... Some text...
				     Some text... Some text... Some text... Some text... Some text... Some text... Some text... Some text...
				     Some text... Some text... Some text... Some text... Some text... Some text... Some text... Some text...
				     Some text... Some text... Some text... Some text... Some text... Some text... Some text... Some text..." />
			</rich:tab>
		</rich:tabPanel>

		<rich:spacer height="20px"></rich:spacer>
</f:subview>
