<%@ 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="suggestionboxPropertySubviewID">
		<h:panelGrid columns="2" cellpadding="5px">

			<h:outputText value="z-index"></h:outputText>
			<h:selectOneRadio value="#{sb.zindex}">
				<f:selectItem itemLabel="1" itemValue="1" />
				<f:selectItem itemLabel="3" itemValue="3" />
				<a4j:support event="onclick" reRender="suggestionBoxId"></a4j:support>
			</h:selectOneRadio>

			<h:outputText value="requestDelay"></h:outputText>
			<h:inputText value="#{sb.requestDelay}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>			
		
			<h:outputText value="value"/>
			<h:inputText value="#{sb.value}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>

			<h:outputText value="Frequency"/>
			<h:inputText value="#{sb.frequency}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>

			<h:outputText value="Border"/>
			<h:inputText value="#{sb.border}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>

			<h:outputText value="Width"/>
			<h:inputText value="#{sb.width}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>

			<h:outputText value="Height"/>
			<h:inputText value="#{sb.height}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>

			<h:outputText value="Cellpadding"/>
			<h:inputText value="#{sb.cellpadding}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>

			<h:outputText value="Cellspacing"/>
			<h:inputText value="#{sb.cellspacing}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>

			<h:outputText value="First" />
			<h:inputText value="#{sb.first}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>
			
			<h:outputText value="tokens:"></h:outputText>
			<h:inputText value="#{sb.tokens}"></h:inputText>

			<f:verbatim>MinChars</f:verbatim>
			<h:inputText value="#{sb.minchars}">
				<a4j:support event="onchange" reRender="suggestionBoxId"></a4j:support>
			</h:inputText>
			
			<h:outputText value="dir"></h:outputText>
			<h:selectOneMenu value="#{sb.dir}">
				<f:selectItem itemLabel="RTL" itemValue="RTL" />
				<f:selectItem itemLabel="LTR" itemValue="LTR" />
			</h:selectOneMenu>
				

			<h:outputText value="Background Colour"></h:outputText>
			<h:selectOneMenu value="#{sb.bgColor}">
				<f:selectItem itemLabel="none" itemValue="none" />
				<f:selectItem itemLabel="aqua" itemValue="aqua" />
				<f:selectItem itemLabel="blue" itemValue="blue" />
				<f:selectItem itemLabel="fuchsia" itemValue="fuchsia" />
				<f:selectItem itemLabel="gray" itemValue="gray" />
				<f:selectItem itemLabel="lime" itemValue="lime" />
				<f:selectItem itemLabel="maroon" itemValue="maroon" />
				<f:selectItem itemLabel="purple" itemValue="purple" />
				<f:selectItem itemLabel="red" itemValue="red" />
				<f:selectItem itemLabel="silver" itemValue="silver" />
				<f:selectItem itemLabel="teal" itemValue="teal" />
				<f:selectItem itemLabel="yellow" itemValue="yellow" />
				<f:selectItem itemLabel="white" itemValue="white" />
				<a4j:support event="onclick" reRender="suggestionBoxId"></a4j:support>
			</h:selectOneMenu>

			<h:outputText value="Shadow Opacity"></h:outputText>
			<h:selectOneRadio value="#{sb.shadowOpacity}">
				<f:selectItem itemLabel="1" itemValue="1" />
				<f:selectItem itemLabel="3" itemValue="2" />
				<f:selectItem itemLabel="5" itemValue="3" />
				<f:selectItem itemLabel="7" itemValue="4" />
				<f:selectItem itemLabel="9" itemValue="5" />
				<f:selectItem itemLabel="11" itemValue="6" />
				<f:selectItem itemLabel="13" itemValue="7" />
				<f:selectItem itemLabel="15" itemValue="8" />
				<a4j:support event="onclick" reRender="suggestionBoxId"></a4j:support>
			</h:selectOneRadio>

			<h:outputText value="Shadow Depth"></h:outputText>
			<h:selectOneRadio value="#{sb.shadowDepth}">
				<f:selectItem itemLabel="3" itemValue="3" />
				<f:selectItem itemLabel="4" itemValue="4" />
				<f:selectItem itemLabel="5" itemValue="5" />
				<f:selectItem itemLabel="6" itemValue="6" />
				<f:selectItem itemLabel="7" itemValue="6" />
				<a4j:support event="onclick" reRender="suggestionBoxId"></a4j:support>
			</h:selectOneRadio>
			
			<h:outputText value="ajaxSingle"></h:outputText>
			<h:selectBooleanCheckbox value="#{sb.ajaxSingle}" onchange="submit();"></h:selectBooleanCheckbox>
						
			<h:outputText value="selfRendered"></h:outputText>
			<h:selectBooleanCheckbox value="#{sb.selfRendered}" onchange="submit();"></h:selectBooleanCheckbox>
			
			<h:outputText value="rendered"></h:outputText>
			<h:selectBooleanCheckbox value="#{sb.rendered}" onchange="submit();"></h:selectBooleanCheckbox>
		</h:panelGrid>
</f:subview>