<%@ 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:view>
<html>
<head>
<title></title>
<link rel="stylesheet" href="<%=request.getContextPath()%>/styles/styles.css" type="text/css" />
</head>
<body>
	<h:form>
		<h:panelGrid columns="2">
			<h:selectOneMenu binding="#{skinBean.component}"></h:selectOneMenu>
			<h:commandLink action="#{skinBean.change}" value="set skin" />
							
			<h:outputText value="Select component:" />
			<h:selectOneMenu value="#{divBean.src}" onchange="submit();">
				<f:selectItem itemValue="/Calendar/Calendar.jsp" itemLabel="Calendar" />
				<f:selectItem itemValue="/DataFilterSlider/DataFilterSlider.jsp" itemLabel="Data Filter Slider" />
				<f:selectItem itemValue="/DataScroller/DS.jsp" itemLabel="Date Scroller" />
				<f:selectItem itemValue="/DataTable/DT.jsp" itemLabel="Date Table" />
				<f:selectItem itemValue="/DradAndDrop/DragAndDrop.jsp" itemLabel="Drag And Drop" />
				<f:selectItem itemValue="/DropDownMenu/DDMenu.jsp" itemLabel="Drop Down Menu" />
				<f:selectItem itemValue="/Effect/Effect.jsp" itemLabel="Effect" />
				<f:selectItem itemValue="/Gmap/Gmap.jsp" itemLabel="Gmap" />
				<f:selectItem itemValue="/inputNumberSlider/inputNumberSlider.jsp" itemLabel="Input Number Slider" />
				<f:selectItem itemValue="/inputNumberSpinner/inputNumberSpinner.jsp" itemLabel="Input Number Spinner" />
				<f:selectItem itemValue="/Insert/Insert.jsp" itemLabel="Insert" />
				<f:selectItem itemValue="/Message/Message.jsp" itemLabel="Message" />
				<f:selectItem itemValue="/ModalPanel/ModalPanel.jsp" itemLabel="Modal Panel" />
				<f:selectItem itemValue="/Paint2D/Paint2D.jsp" itemLabel="Paint2D" />
				<f:selectItem itemValue="/Panel/Panel.jsp" itemLabel="Panel" />
				<f:selectItem itemValue="/Panel/panel2.jsp" itemLabel="Panel2" />
				<f:selectItem itemValue="/PanelBar/PanelBar.jsp" itemLabel="Panel Bar" />
				<f:selectItem itemValue="/PanelMenu/PanelMenu.jsp" itemLabel="Panel Menu" />
				<f:selectItem itemValue="/Separator/Separator.jsp" itemLabel="Separator" />
				<f:selectItem itemValue="/SimpleTogglePanel/SimpleTogglePanel.jsp" itemLabel="Simple Toggle Panel" />
				<f:selectItem itemValue="/Spacer/Spacer.jsp" itemLabel="Spacer" />
				<f:selectItem itemValue="/SuggestionBox/SuggestionBox.jsp" itemLabel="Suggestion Box" />
				<f:selectItem itemValue="/TabPanel/TabPanel.jsp" itemLabel="Tab Panel" />
				<f:selectItem itemValue="/TogglePanel/TogglePanel.jsp" itemLabel="Toggle Panel" />
				<f:selectItem itemValue="/ToolBar/ToolBar.jsp" itemLabel="Tool Bar" />
				<f:selectItem itemValue="/Tooltip/Tooltip.jsp" itemLabel="Tooltip" />
				<f:selectItem itemValue="/Tree/Tree.jsp" itemLabel="Tree" />
				<f:selectItem itemValue="/VirtualEarth/VirtualEarth.jsp" itemLabel="Virtual Earth" />
			</h:selectOneMenu>
		</h:panelGrid>
	</h:form>
		<div id="div_1_ID" style="position: relative; left:400px; top:400px; border-color: red, 2px;">
			<div id="div_2_ID" style="position: absolute; left:-380px; top:-380px; color: blue, 2px;">
				<jsp:include page="${divBean.src}" /> 
			</div>
		</div>
</body>
</html>
</f:view>