<%@ 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="simpleTogglePanelSubviewID">
		<rich:simpleTogglePanel id="sTP" bodyClass="body" headerClass="head" label="simpleTogglePanel with some text"
			width="#{simpleTogglePanel.width}" height="#{simpleTogglePanel.height}" switchType="#{simpleTogglePanel.switchType}"
			opened="false" 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!')"
			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!')">
			<f:facet name="closeMarker">
				<h:outputText value="Close It" />
			</f:facet>
			<f:facet name="openMarker">
				<h:outputText value="Open It" />
			</f:facet>
			<f:verbatim>
		   	 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...
	     	</f:verbatim>
		</rich:simpleTogglePanel>

		<rich:simpleTogglePanel id="sTP1" headerClass="head" label="simpleTogglePanel wiht image" width="#{simpleTogglePanel.width}"
			height="#{simpleTogglePanel.height}" rendered="#{simpleTogglePanel.rendered}" switchType="#{simpleTogglePanel.switchType}"
			opened="false" 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!')"
			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!')">
			<h:graphicImage value="/pics/podb109_61.jpg" width="500" height="300"></h:graphicImage>
		</rich:simpleTogglePanel>

		<rich:simpleTogglePanel id="sTP2" label="Focus simpleTogglePanle" width="#{simpleTogglePanel.width}" ignoreDupResponses="true"
			focus="#{simpleTogglePanel.focus}" 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!')" 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!')">
			<f:facet name="closeMarker">
				<h:graphicImage value="/pics/ajax_stoped.gif"></h:graphicImage>
			</f:facet>
			<f:facet name="openMarker">
				<h:graphicImage value="/pics/ajax_process.gif"></h:graphicImage>
			</f:facet>
			<rich:simpleTogglePanel id="INsTP">
				<h:panelGrid columns="2">
					<h:graphicImage value="/pics/podb109_61.jpg" width="250px" height="200px"></h:graphicImage>
					<f:verbatim>
	    		   	 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...
				     </f:verbatim>
				</h:panelGrid>
			</rich:simpleTogglePanel>
		</rich:simpleTogglePanel>

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