<%@ 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="DropDownMenuSubviewID">
		<h:panelGrid columns="2">
			<rich:spacer width="400px" height="400px"></rich:spacer>
			<rich:panel>
				<rich:dropDownMenu id="ddmId"  value="DropDownMenu" submitMode="#{dDMenu.mode}" hideDelay="#{dDMenu.hideDelay}"
					direction="#{dDMenu.direction}" horizontalOffset="#{dDMenu.horizontalOffset}" jointPoint="#{dDMenu.jointPoint}"
					popupWidth="#{dDMenu.popupWidth}" showDelay="#{dDMenu.showDelay}" rendered="#{dDMenu.rendered}"
					verticalOffset="#{dDMenu.verticalOffset}" styleClass="panelpos" event="#{dDMenu.event}"
					disabled="#{dDMenu.disabled}"
					oncollapse="showEvent('oncollapseInputID', 'oncollapse work!')" onexpand="showEvent('onexpandInputID', 'onexpand work!')"
					ongroupactivate="showEvent('ongroupactivateInputID', 'ongroupactivate work!')"
					onitemselect="showEvent('onitemselectInputID', 'onitemselect work!')"
					onmousemove="showEvent('onmousemoveInputID', 'onmousemove work!')" onmouseout="showEvent('onmouseoutInputID', 'onmouseout work!')"
					onmouseover="showEvent('onmouseoverInputID', 'onmouseover work!')" binding="#{dDMenu.mydDMenu}" >
					<rich:menuItem icon="#{dDMenu.icon}" onclick="showEvent('onclickInputID', 'onclick work (item)!')"
						oncomplete="showEvent('oncompleteInputID', 'oncomplete work (item)!')" onmousedown="showEvent('onmousedownInputID', 'onmousedown work (item)!')"
						onmousemove="showEvent('onmousemoveInputID', ' work (item)!')" onmouseout="alert('Hi!');"
						onmouseover="showEvent('onmouseoverInputID', 'onmouseover work (item)!')" onmouseup="showEvent('onmouseupInputID', 'onmouseup work (item)!')"
						onselect="showEvent('onselectInputID', 'onselect work (item)!')">
						<h:outputText value="Item1(test events)" />
					</rich:menuItem>
					<rich:menuSeparator />
					<rich:menuItem icon="#{dDMenu.icon}" onmousedown="alert('OnMouseDown')" selectClass="mousemove">
						<h:outputText value="OnMouseDown" />
					</rich:menuItem>
					<rich:menuSeparator />
					<rich:menuItem>
						<h:outputText value="Item2" />
					</rich:menuItem>
					<rich:menuItem icon="#{dDMenu.icon}">
						<h:outputText value="Item3" />
					</rich:menuItem>
					<rich:menuSeparator />
					<rich:menuItem icon="/pics/ajax_process.gif" iconDisabled="/pics/ajax_stoped.gif" disabled="#{dDMenu.disabled}">
						<h:outputText value="Image"></h:outputText>
					</rich:menuItem>
					<rich:menuItem disabled="#{dDMenu.disabled}" icon="#{dDMenu.icon}">
						<h:outputText value="Image:" />
						<h:graphicImage value="/pics/ajax_process.gif" />
					</rich:menuItem>
					<rich:menuSeparator />
					<rich:menuGroup value="Second level" direction="#{dDMenu.groupDirection}" disabled="#{dDMenu.disabled}" icon="#{dDMenu.icon}"
						iconFolder="#{dDMenu.iconFolder}">
						<rich:menuItem icon="#{dDMenu.icon}">
							<h:outputText value="Item3" />
						</rich:menuItem>
						<rich:menuItem value="Item4">
							<h:selectOneMenu value="#{dDMenu.selectMenu}">
								<f:selectItem itemLabel="Honda Accord" itemValue="accord" />
								<f:selectItem itemLabel="Toyota 4Runner" itemValue="4runner" />
								<f:selectItem itemLabel="Nissan Z350" itemValue="nissan-z" />
							</h:selectOneMenu>
						</rich:menuItem>
						<rich:menuSeparator />
						<rich:menuItem icon="#{dDMenu.icon}">
							<h:outputText value="CheckBox " />
							<h:selectBooleanCheckbox value="#{dDMenu.check}" onclick="submit()" />
						</rich:menuItem>
					</rich:menuGroup>
				</rich:dropDownMenu>
			</rich:panel>
		</h:panelGrid>
</f:subview>
