<%@ 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"%>

<h:form id="forvDivOpthID">
	<h:panelGrid columns="4" border="1">
		<h:column>
			<a4j:status startText="WORK!" startStyle="color: red;" stopText="a4j:status"></a4j:status>
		</h:column>
		<h:panelGrid columns="1">
			<h:panelGroup>
				<h:outputText value="#{richBean.reComponent ? 'Component hide' : 'Component show'}" />
				<h:selectBooleanCheckbox value="#{richBean.reComponent}" onchange="submit();" />
			</h:panelGroup>
			<h:panelGroup>
				<h:outputText value="#{richBean.reStraightforward ? 'Straightforward hide' : 'Straightforward show'}" />
				<h:selectBooleanCheckbox value="#{richBean.reStraightforward}" onchange="submit();" />
			</h:panelGroup>
			<h:panelGroup>
				<h:outputText value="#{richBean.reProperty ? 'Property hide' : 'Property show'}" />
				<h:selectBooleanCheckbox value="#{richBean.reProperty}" onchange="submit();" />
			</h:panelGroup>
		</h:panelGrid>

		<h:panelGrid columns="1">
			<h:outputText value="Select skin: " />
			<h:selectOneMenu binding="#{skinBean.component}" onblur="submit();">
				<a4j:support action="#{skinBean.change}" event="onchange" />
			</h:selectOneMenu>
		</h:panelGrid>

		<h:panelGrid columns="1">
			<h:outputText value="Select component:" />
			<h:selectOneMenu value="#{richBean.src}" onchange="submit();">
				<f:selectItem itemValue="Blank" itemLabel="Blank" />
				<f:selectItem itemValue="ComponentControl" itemLabel="ComponentControl" />
				<f:selectItem itemValue="OrderingList" itemLabel="OrderingList" />
				<f:selectItem itemValue="ListShuttle" itemLabel="ListShuttle" />
				<f:selectItem itemValue="ContextMenu" itemLabel="ContextMenu" />
				<f:selectItem itemValue="Calendar" itemLabel="Calendar" />
				<f:selectItem itemValue="DataFilterSlider" itemLabel="Data Filter Slider" />
				<f:selectItem itemValue="DataScroller" itemLabel="Date Scroller" />
				<f:selectItem itemValue="DataTable" itemLabel="Date Table" />
				<f:selectItem itemValue="DataDefinitionList" itemLabel="DataDefinitionList" />
				<f:selectItem itemValue="DataOrderedList" itemLabel="DataOrderedList" />
				<f:selectItem itemValue="DragAndDrop" itemLabel="Drag And Drop" />
				<f:selectItem itemValue="DropDownMenu" itemLabel="Drop Down Menu" />
				<f:selectItem itemValue="Effect" itemLabel="Effect" />
				<f:selectItem itemValue="Gmap" itemLabel="Gmap" />
				<f:selectItem itemValue="InputNumberSlider" itemLabel="Input Number Slider" />
				<f:selectItem itemValue="InputNumberSpinner" itemLabel="Input Number Spinner" />
				<f:selectItem itemValue="Insert" itemLabel="Insert" />
				<f:selectItem itemValue="Message" itemLabel="Message" />
				<f:selectItem itemValue="ModalPanel" itemLabel="Modal Panel" />
				<f:selectItem itemValue="Paint2D" itemLabel="Paint2D" />
				<f:selectItem itemValue="Panel" itemLabel="Panel" />
				<f:selectItem itemValue="Panel2" itemLabel="Panel2" />
				<f:selectItem itemValue="PanelBar" itemLabel="Panel Bar" />
				<f:selectItem itemValue="PanelMenu" itemLabel="Panel Menu" />
				<f:selectItem itemValue="Separator" itemLabel="Separator" />
				<f:selectItem itemValue="SimpleTogglePanel" itemLabel="Simple Toggle Panel" />
				<f:selectItem itemValue="Spacer" itemLabel="Spacer" />
				<f:selectItem itemValue="SuggestionBox" itemLabel="Suggestion Box" />
				<f:selectItem itemValue="TabPanel" itemLabel="Tab Panel" />
				<f:selectItem itemValue="TogglePanel" itemLabel="Toggle Panel" />
				<f:selectItem itemValue="ToolBar" itemLabel="Tool Bar" />
				<f:selectItem itemValue="Tooltip" itemLabel="Tooltip" />
				<f:selectItem itemValue="Tree" itemLabel="Tree" />
				<f:selectItem itemValue="VirtualEarth" itemLabel="Virtual Earth" />
				<f:selectItem itemValue="ScrollableDataTable" itemLabel="ScrollableDataTable" />
				<f:selectItem itemValue="jQuery" itemLabel="jQuery" />
			</h:selectOneMenu>
		</h:panelGrid>
	</h:panelGrid>
	<h:commandLink value="Back" action="main"></h:commandLink>
</h:form>
