<%@ 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"%>
<style>
	.sPanel
	{
		background: gray;
	}
    .body
    {
 	 	background-color: pink;
 		border: green 3px solid;
	  	background: gray;
   	}
	</style>
<f:subview id="panelMenuID">

	<h:form>
		<rich:panelMenu id="panelMenuID" disabled="#{panelMenu.disabled}" width="#{panelMenu.width}" selectedChild="thisChild"
			expandSingle="#{panelMenu.expandSingle}" mode="#{panelMenu.mode}" value="PanelMenu" rendered="#{panelMenu.rendered}"
			iconCollapsedGroup="#{panelMenu.icon.collapsedGroup}" iconCollapsedTopGroup="#{panelMenu.icon.collapsedTopGroup}"
			iconDisabledGroup="#{panelMenu.icon.disabledGroup}" iconDisabledItem="#{panelMenu.icon.disabledItem}"
			iconExpandedGroup="#{panelMenu.icon.expandedGroup}" iconExpandedTopGroup="#{panelMenu.icon.expandedTopGroup}" iconItem="#{panelMenu.icon.item}"
			iconTopDisabledItem="#{panelMenu.icon.disabledItem}" iconTopDisableGroup="#{panelMenu.icon.disabledGroup}" iconTopItem="#{panelMenu.icon.topItem}"
			iconGroupPosition="#{panelMenu.iconGroupPosition}" iconGroupTopPosition="#{panelMenu.iconGroupTopPosition}"
			iconItemPosition="#{panelMenu.iconItemPosition}" iconItemTopPosition="#{panelMenu.iconItemTopPosition}" styleClass="sPanel">

			<rich:panelMenuItem label="Item 1"></rich:panelMenuItem>
			<rich:panelMenuItem disabled="true" iconDisabled="/pics/ajax_stoped.gif">
				<h:outputText value="Disabled Item" />
			</rich:panelMenuItem>
			<rich:panelMenuItem label="Item Image">
				<h:graphicImage value="/pics/item.png"></h:graphicImage>
			</rich:panelMenuItem>
			<rich:panelMenuItem>
				<h:outputText value="Item4" />
			</rich:panelMenuItem>
			<rich:panelMenuItem label="CheckBox">
				<h:selectBooleanCheckbox value="false"></h:selectBooleanCheckbox>
			</rich:panelMenuItem>
			<rich:panelMenuItem>
				<h:outputText value="CheckBox 2"></h:outputText>
				<h:selectBooleanCheckbox value="false"></h:selectBooleanCheckbox>
			</rich:panelMenuItem>
			<rich:panelMenuItem label="Action" onmousedown="alert('OnMouseDown');"></rich:panelMenuItem>

			<rich:panelMenuGroup label="Group 1 (align)" align="#{panelMenu.align}">
				<rich:panelMenuItem label="Item 1" disabled="true"></rich:panelMenuItem>
				<rich:panelMenuItem label="Item 1 (action)" onmousedown="alert('OnMouseDown');"></rich:panelMenuItem>
				<rich:panelMenuItem label="Item 2"></rich:panelMenuItem>

				<rich:panelMenuGroup label="Group 1_1  (align)" align="#{panelMenu.align}">
					<rich:panelMenuItem label="Imem 1_1">
						<h:inputText value="#{panelMenu.inputText}"></h:inputText>
					</rich:panelMenuItem>

					<rich:panelMenuItem label="Item 1_2"></rich:panelMenuItem>

					<rich:panelMenuGroup label="Group 1_1_1  (align)" align="#{panelMenu.align}">
						<rich:panelMenuItem label="Item 1 (action)" onmousedown="alert('OnMouseDown');"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item 2"></rich:panelMenuItem>
					</rich:panelMenuGroup>

					<rich:panelMenuGroup label="Group 1_1_2">
						<rich:panelMenuItem label="Item 1"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item 2"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item 3"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item 4"></rich:panelMenuItem>
					</rich:panelMenuGroup>
				</rich:panelMenuGroup>

				<rich:panelMenuGroup label="Group 1_2 (disabled, action)" disabled="true" onmousedown="alert('Disabled');">
					<rich:panelMenuItem label="Item 1_2_1"></rich:panelMenuItem>
				</rich:panelMenuGroup>

				<rich:panelMenuGroup label="Group 1_3">
					<rich:panelMenuItem label="Item 1_3_1"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item 1_3_1"></rich:panelMenuItem>

					<rich:panelMenuGroup label="Group disabled" disabled="true">
					</rich:panelMenuGroup>
				</rich:panelMenuGroup>

			</rich:panelMenuGroup>

			<rich:panelMenuGroup label="Group 2">
				<rich:panelMenuItem label="Item 2_1"></rich:panelMenuItem>

				<rich:panelMenuGroup label="Group 2_2">
					<rich:panelMenuItem label="Item 1"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item 2"></rich:panelMenuItem>
				</rich:panelMenuGroup>

				<rich:panelMenuItem label="Item 1"></rich:panelMenuItem>
				<rich:panelMenuItem label="Item 2"></rich:panelMenuItem>
			</rich:panelMenuGroup>

			<rich:panelMenuGroup label="Group 3">
				<rich:panelMenuItem label="Item 3_1">
					<f:verbatim>
						<br />
						text1 <br />
						text2 <br />
						text3 
					</f:verbatim>	
				</rich:panelMenuItem>
				<rich:panelMenuItem label="Item 3_2">
					<h:graphicImage value="/pics/benq.jpg" width="150px" height="100px"></h:graphicImage>
				</rich:panelMenuItem>
				<rich:panelMenuItem label="Item 3_3"></rich:panelMenuItem>
			</rich:panelMenuGroup>
		</rich:panelMenu>

		<f:verbatim>
			<br />
			<br />
		</f:verbatim>

		<h:outputText id="info"
			value="Expand Mode: #{panelMenu.mode}, Disabled: #{!panelMenu.disabled}, Align: #{panelMenu.align}, Tab Index: #{panelMenu.tabIndex}"></h:outputText>
		<!-- triangleUp triangle triangleDown disc chevron chevronUp chevronDown grid -->
		<f:verbatim>
			<br />
		</f:verbatim>

		<rich:panelMenu id="panelMenuID2" expandMode="#{panelMenu.mode}" disabled="#{!panelMenu.disabled}" width="#{panelMenu.width}"
			selectedChild="thisChild" styleClass="body">
			<rich:panelMenuGroup label="Group 1 (tabIdex, my Image)" tabindex="#{panelMenu.tabIndex}" align="#{panelMenu.align}">
				<rich:panelMenuGroup label="Group 1_1 (tabIndex)" tabindex="#{panelMenu.tabIndex}">
					<rich:panelMenuGroup label="Group 1_1_1 (tabIndex)" tabindex="#{panelMenu.tabIndex}">
						<rich:panelMenuItem label="Item 1"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item 2"></rich:panelMenuItem>
					</rich:panelMenuGroup>
				</rich:panelMenuGroup>

				<rich:panelMenuGroup label="Group 1_2 (tabIndex)" tabindex="#{panelMenu.tabIndex}">
					<rich:panelMenuGroup label="Group 1_2_1 (tabIndex)" tabindex="#{panelMenu.tabIndex}">
						<rich:panelMenuItem label="Item (icon)" icon="#{icon.iconItem}"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item (iconDisabled)" iconDisabled="#{icon.iconHeader}"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item (icon)" disabled="true" icon="#{icon.iconItem}"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item (iconDisabled)" disabled="true" iconDisabled="#{icon.iconItem}"></rich:panelMenuItem>
					</rich:panelMenuGroup>
					<rich:panelMenuItem label="Item (icon)" icon="#{icon.iconItem}"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item (icon)" icon="#{icon.iconItem}"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item "></rich:panelMenuItem>
				</rich:panelMenuGroup>

				<rich:panelMenuGroup label="Group 1_3" align="#{panelMenu.align}" iconCollapsed="#{icon.iconCollapse}" iconExpanded="#{icon.iconExpand}"
					iconDisabled="#{icon.disabled}">
					<rich:panelMenuItem label="Item 1"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item 2"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item 3"></rich:panelMenuItem>
				</rich:panelMenuGroup>

				<!-- triangleUp triangle triangleDown disc chevron chevronUp chevronDown grid -->
				<rich:panelMenuItem label="Item (disc)" icon="disc"></rich:panelMenuItem>
				<rich:panelMenuItem label="Item (grid)" icon="grid"></rich:panelMenuItem>
				<rich:panelMenuGroup label="Group" iconCollapsed="triangleDown" iconExpanded="triangleUp" iconDisabled="triangle">
					<rich:panelMenuGroup label="Group" iconCollapsed="chevronDown" iconExpanded="chevronUp" iconDisabled="chevron">
						<rich:panelMenuItem label="Item (disc)" icon="disc"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item (grid)" iconDisabled="grid"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item (grid)" icon="grid"></rich:panelMenuItem>
						<rich:panelMenuItem label="Item (disc)" iconDisabled="disc"></rich:panelMenuItem>
					</rich:panelMenuGroup>
					<rich:panelMenuItem label="Item (icon)" icon="#{icon.iconItem}"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item (icon)" icon="#{icon.iconItem}"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item "></rich:panelMenuItem>
				</rich:panelMenuGroup>

				<rich:panelMenuGroup label="Group 1_3" iconCollapsed="chevronDown" iconExpanded="chevronUp" iconDisabled="chevron">
					<rich:panelMenuItem label="Item 1"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item 2"></rich:panelMenuItem>
					<rich:panelMenuItem label="Item 3"></rich:panelMenuItem>
				</rich:panelMenuGroup>
			</rich:panelMenuGroup>
		</rich:panelMenu>
		<f:verbatim>
			<br />
			<br />
		</f:verbatim>

		<h:panelGrid columns="2">

			<h:outputText value="Width"></h:outputText>
			<h:inputText value="#{panelMenu.width}">
				<a4j:support event="onchange" reRender="panelMenuID,panelMenuID2,info"></a4j:support>
			</h:inputText>

			<h:outputText value="Tab Index"></h:outputText>
			<h:inputText value="#{panelMenu.tabIndex}">
				<a4j:support event="onchange" reRender="panelMenuID,panelMenuID2,info"></a4j:support>
			</h:inputText>

			<h:outputText value="Expand Single"></h:outputText>
			<h:selectBooleanCheckbox value="#{panelMenu.expandSingle}">
				<a4j:support event="onchange" reRender="panelMenuID"></a4j:support>
			</h:selectBooleanCheckbox>

			<h:outputText value="Mode"></h:outputText>
			<h:selectOneRadio value="#{panelMenu.mode}" id="Mode1ID" onchange="submit();">
				<f:selectItem itemLabel="none" itemValue="none" />
				<f:selectItem itemLabel="ajax" itemValue="ajax" />
				<f:selectItem itemLabel="server" itemValue="server" />
			</h:selectOneRadio>

			<h:outputText value="Expand mode"></h:outputText>
			<h:selectOneRadio value="#{panelMenu.expandMode}" onchange="submit();">
				<f:selectItem itemLabel="none" itemValue="none" />
				<f:selectItem itemLabel="ajax" itemValue="ajax" />
				<f:selectItem itemLabel="server" itemValue="server" />
			</h:selectOneRadio>

			<h:outputText value="Align:"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.align}">
				<f:selectItem itemLabel="left" itemValue="left" />
				<f:selectItem itemLabel="middle" itemValue="middle" />
				<f:selectItem itemLabel="right" itemValue="right" />
				<f:selectItem itemLabel="bottom" itemValue="bottom" />
				<f:selectItem itemLabel="top" itemValue="top" />
				<a4j:support event="onclick" reRender="panelMenuID,panelMenuID2,info"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="Disabled"></h:outputText>
			<h:selectBooleanCheckbox value="#{panelMenu.disabled}">
				<a4j:support event="onchange" reRender="panelMenuID,panelMenuID2,info"></a4j:support>
			</h:selectBooleanCheckbox>

			<h:outputText value="Rendered"></h:outputText>
			<h:selectBooleanCheckbox value="#{panelMenu.rendered}" onchange="submit();"></h:selectBooleanCheckbox>
		</h:panelGrid>

		<h:panelGrid columns="4">
			<h:outputText value="Icon"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.icon}" onchange="submit();">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
			</h:selectOneMenu>

			<h:outputText value="icon Item"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.item}" onchange="submit();">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item " itemValue="#{icon.iconItem}" />
			</h:selectOneMenu>

			<h:outputText value="icon Disabled"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.disabled}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Disabled Item"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.disabledItem}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Top Item"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.topItem}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Top Disabled Item"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.topDisabledItem}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Expanded Group"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.expandedGroup}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon CollapsedGroup"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.collapsedGroup}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Disabled Group"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.disabledGroup}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Expanded Top Group"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.expandedTopGroup}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Collapsed Top Group"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.collapsedTopGroup}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Top Disable Group"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.topDisableGroup}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Expanded"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.expanded}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Collapsed"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.icon.collapsed}">
				<f:selectItem itemLabel="none" itemValue="#{icon.none}" />
				<f:selectItem itemLabel="Ajax Process" itemValue="#{icon.iconAjaxProcess}" />
				<f:selectItem itemLabel="Ajax Stoped" itemValue="#{icon.iconAjaxStoped}" />
				<f:selectItem itemLabel="Collapse" itemValue="#{icon.iconCollapse}" />
				<f:selectItem itemLabel="Expand" itemValue="#{icon.iconExpand}" />
				<f:selectItem itemLabel="File Manager" itemValue="#{icon.iconFileManager}" />
				<f:selectItem itemLabel="File Manager Reject" itemValue="#{icon.iconFileManagerReject}" />
				<f:selectItem itemLabel="Header" itemValue="#{icon.iconHeader}" />
				<f:selectItem itemLabel="Item" itemValue="#{icon.iconItem}" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>
		</h:panelGrid>
		<br />
		<h:panelGrid columns="4">
			<h:outputText value="icon Group Position"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.iconGroupPosition}">
				<f:selectItem itemLabel="left" itemValue="left" />
				<f:selectItem itemLabel="right" itemValue="right" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Group Top Position"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.iconGroupTopPosition}">
				<f:selectItem itemLabel="left" itemValue="left" />
				<f:selectItem itemLabel="right" itemValue="right" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Item Position"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.iconItemPosition}">
				<f:selectItem itemLabel="left" itemValue="left" />
				<f:selectItem itemLabel="right" itemValue="right" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="icon Item Top Position"></h:outputText>
			<h:selectOneMenu value="#{panelMenu.iconItemTopPosition}">
				<f:selectItem itemLabel="left" itemValue="left" />
				<f:selectItem itemLabel="right" itemValue="right" />
				<a4j:support event="onclick" reRender="panelMenuID"></a4j:support>
			</h:selectOneMenu>
		</h:panelGrid>

		<f:verbatim>
			<br />
		</f:verbatim>
		<h:commandLink value="Back" action="main"></h:commandLink>
	</h:form>

</f:subview>

