From a147d1c17c41fcf2c60d32d3b0ba88c506d8860a Mon Sep 17 00:00:00 2001
From: Rossen Stoyanchev <rstoyanchev@vmware.com>
Date: Fri, 3 Sep 2010 15:03:29 +0000
Subject: [PATCH] SWF-1368 Update booking-faces to use PrimeFaces components

---
 spring-webflow-samples/booking-faces/ivy.xml  |   1 +
 spring-webflow-samples/booking-faces/pom.xml  |  11 +
 .../samples/booking/BookingService.java       |  12 +-
 .../samples/booking/HotelLazyDataModel.java   |  45 ++
 .../samples/booking/JpaBookingService.java    |  31 +-
 .../samples/booking/SearchCriteria.java       |  42 +-
 .../webapp/WEB-INF/config/security-config.xml |   3 +-
 .../flows/booking/enterBookingDetails.xhtml   | 246 ++++-----
 .../WEB-INF/flows/booking/reviewBooking.xhtml |  21 +-
 .../flows/main/enterSearchCriteria.xhtml      | 126 +++--
 .../webapp/WEB-INF/flows/main/main-flow.xml   |  24 +-
 .../WEB-INF/flows/main/reviewHotel.xhtml      |  19 +-
 .../WEB-INF/flows/main/reviewHotels.xhtml     |  95 ++--
 .../src/main/webapp/WEB-INF/intro.xhtml       |  32 +-
 .../webapp/WEB-INF/layouts/standard.xhtml     |  83 ++-
 .../src/main/webapp/WEB-INF/login.xhtml       |  12 +-
 .../webapp/WEB-INF/springsecurity.taglib.xml  |   7 +
 .../src/main/webapp/WEB-INF/web.xml           |   6 +
 .../le-frog/images/ui-anim_basic_16x16.gif    | Bin 0 -> 1553 bytes
 .../ui-bg_diagonals-small_0_aaaaaa_40x40.png  | Bin 0 -> 128 bytes
 .../ui-bg_diagonals-thick_15_444444_40x40.png | Bin 0 -> 253 bytes
 .../ui-bg_diagonals-thick_95_ffdc2e_40x40.png | Bin 0 -> 266 bytes
 .../images/ui-bg_glass_55_fbf5d0_1x400.png    | Bin 0 -> 123 bytes
 .../ui-bg_highlight-hard_30_285c00_1x100.png  | Bin 0 -> 121 bytes
 .../ui-bg_highlight-soft_33_3a8104_1x100.png  | Bin 0 -> 123 bytes
 .../ui-bg_highlight-soft_50_4eb305_1x100.png  | Bin 0 -> 126 bytes
 .../ui-bg_highlight-soft_60_4ca20b_1x100.png  | Bin 0 -> 134 bytes
 .../ui-bg_inset-soft_10_285c00_1x100.png      | Bin 0 -> 118 bytes
 .../images/ui-icons_4eb305_256x240.png        | Bin 0 -> 4369 bytes
 .../images/ui-icons_72b42d_256x240.png        | Bin 0 -> 5355 bytes
 .../images/ui-icons_cd0a0a_256x240.png        | Bin 0 -> 4369 bytes
 .../images/ui-icons_ffffff_256x240.png        | Bin 0 -> 4369 bytes
 .../styles/le-frog/jquery-ui-1.8.2.custom.css | 489 ++++++++++++++++++
 .../booking/MainFlowExecutionTests.java       |  14 +-
 34 files changed, 932 insertions(+), 387 deletions(-)
 create mode 100644 spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/HotelLazyDataModel.java
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/springsecurity.taglib.xml
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-anim_basic_16x16.gif
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_diagonals-small_0_aaaaaa_40x40.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_diagonals-thick_15_444444_40x40.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_diagonals-thick_95_ffdc2e_40x40.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_glass_55_fbf5d0_1x400.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-hard_30_285c00_1x100.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-soft_33_3a8104_1x100.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-soft_50_4eb305_1x100.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-soft_60_4ca20b_1x100.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_inset-soft_10_285c00_1x100.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_4eb305_256x240.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_72b42d_256x240.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_cd0a0a_256x240.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_ffffff_256x240.png
 create mode 100644 spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/jquery-ui-1.8.2.custom.css

diff --git a/spring-webflow-samples/booking-faces/ivy.xml b/spring-webflow-samples/booking-faces/ivy.xml
index 90fe3420..db613820 100755
--- a/spring-webflow-samples/booking-faces/ivy.xml
+++ b/spring-webflow-samples/booking-faces/ivy.xml
@@ -51,6 +51,7 @@
 		<dependency org="org.springframework.webflow" name="org.springframework.js" rev="latest.integration" conf="compile->runtime"/>
 		<dependency org="org.springframework.webflow" name="org.springframework.webflow" rev="latest.integration" conf="compile->runtime"/>
 		<dependency org="org.springframework.webflow" name="org.springframework.faces" rev="latest.integration" conf="compile->mojarra20"/>
+		<dependency org="org.primefaces" name="primefaces" rev="2.2.M1-SNAPSHOT" changing="true" conf="compile->default"/>
 
 		<!-- test-time only dependencies -->
 		<dependency org="org.easymock" name="com.springsource.org.easymock" rev="2.3.0" conf="test->runtime" />
diff --git a/spring-webflow-samples/booking-faces/pom.xml b/spring-webflow-samples/booking-faces/pom.xml
index a941e438..297c5379 100644
--- a/spring-webflow-samples/booking-faces/pom.xml
+++ b/spring-webflow-samples/booking-faces/pom.xml
@@ -152,6 +152,11 @@
 			<artifactId>jsf-impl</artifactId>
 			<version>2.0.3</version>
 		</dependency>
+		<dependency>
+			<groupId>org.primefaces</groupId>
+			<artifactId>primefaces</artifactId>
+			<version>2.2.M1-SNAPSHOT</version>
+		</dependency>		
 		<!-- build time only dependencies -->
 		<dependency>
 			<groupId>javax.servlet</groupId>
@@ -217,6 +222,12 @@
 			<name>Repository for Projects On Hosted on java.net</name>
 			<url>http://download.java.net/maven/2</url>
 		</repository>
+		<repository>
+			<id>prime-repo</id>
+			<name>Prime Technology Maven Repository</name>
+			<url>http://repository.prime.com.tr</url>
+			<layout>default</layout>
+		</repository>		
 	</repositories>
 	<build>
 		<finalName>swf-booking-faces</finalName>
diff --git a/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/BookingService.java b/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/BookingService.java
index 854859b9..00d2bc31 100755
--- a/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/BookingService.java
+++ b/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/BookingService.java
@@ -18,9 +18,12 @@ public interface BookingService {
     /**
      * Find hotels available for booking by some criteria.
      * @param criteria the search criteria
+     * @param firstResult the index of the first result to return
+     * @param sortBy the field to sort by
+     * @param ascending true if the sorting should be in ascending order, false for descending
      * @return a list of hotels meeting the criteria
      */
-    public List<Hotel> findHotels(SearchCriteria criteria);
+    public List<Hotel> findHotels(SearchCriteria criteria, int firstResult, String sortBy, boolean ascending);
 
     /**
      * Find hotels by their identifier.
@@ -43,4 +46,11 @@ public interface BookingService {
      */
     public void cancelBooking(Booking booking);
 
+    /**
+     * Return the total number of hotels for the given criteria.
+     * @param criteria the criteria to use
+     * @return the number of matching hotels
+     */
+    int getNumberOfHotels(SearchCriteria criteria);
+
 }
diff --git a/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/HotelLazyDataModel.java b/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/HotelLazyDataModel.java
new file mode 100644
index 00000000..9e914e91
--- /dev/null
+++ b/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/HotelLazyDataModel.java
@@ -0,0 +1,45 @@
+/**
+ * 
+ */
+package org.springframework.webflow.samples.booking;
+
+import java.util.List;
+import java.util.Map;
+
+import org.primefaces.model.LazyDataModel;
+
+public class HotelLazyDataModel extends LazyDataModel<Hotel> {
+
+    private static final long serialVersionUID = -8832831134966938627L;
+
+    SearchCriteria searchCriteria;
+
+    BookingService bookingService;
+
+    private Hotel selected;
+
+    public HotelLazyDataModel(SearchCriteria searchCriteria, BookingService bookingService) {
+	this.searchCriteria = searchCriteria;
+	this.bookingService = bookingService;
+    }
+
+    @Override
+    public List<Hotel> load(int first, int pageSize, String sortField, boolean sortOrder, Map<String, String> filters) {
+	searchCriteria.setCurrentPage(first / pageSize + 1);
+	return bookingService.findHotels(searchCriteria, first, sortField, sortOrder);
+    }
+
+    @Override
+    public int getRowCount() {
+	return bookingService.getNumberOfHotels(searchCriteria);
+    }
+
+    public Hotel getSelected() {
+	return selected;
+    }
+
+    public void setSelected(Hotel selected) {
+	this.selected = selected;
+    }
+
+}
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/JpaBookingService.java b/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/JpaBookingService.java
index e5a19ed4..e68a4206 100755
--- a/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/JpaBookingService.java
+++ b/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/JpaBookingService.java
@@ -1,5 +1,6 @@
 package org.springframework.webflow.samples.booking;
 
+import java.io.Serializable;
 import java.util.List;
 
 import javax.persistence.EntityManager;
@@ -17,7 +18,9 @@ import org.springframework.util.StringUtils;
  */
 @Service("bookingService")
 @Repository
-public class JpaBookingService implements BookingService {
+public class JpaBookingService implements BookingService, Serializable {
+
+    private static final long serialVersionUID = 1L;
 
     private EntityManager em;
 
@@ -39,13 +42,25 @@ public class JpaBookingService implements BookingService {
 
     @Transactional(readOnly = true)
     @SuppressWarnings("unchecked")
-    public List<Hotel> findHotels(SearchCriteria criteria) {
+    public List<Hotel> findHotels(SearchCriteria criteria, int firstResult, String orderBy, boolean ascending) {
 	String pattern = getSearchPattern(criteria);
+	orderBy = (orderBy != null) ? orderBy : "name";
+	String orderDirection = (ascending) ? " ASC" : " DESC";
 	return em.createQuery(
-		"select h from Hotel h where lower(h.name) like " + pattern + " or lower(h.city) like " + pattern
-			+ " or lower(h.zip) like " + pattern + " or lower(h.address) like " + pattern + " order by h."
-			+ criteria.getSortBy()).setMaxResults(criteria.getPageSize()).setFirstResult(
-		criteria.getPage() * criteria.getPageSize()).getResultList();
+		"select h from Hotel h where lower(h.name) like :pattern or lower(h.city) like :pattern "
+			+ "or lower(h.zip) like :pattern or lower(h.address) like :pattern order by h." + orderBy
+			+ orderDirection).setParameter("pattern", pattern).setMaxResults(criteria.getPageSize())
+		.setFirstResult(firstResult).getResultList();
+    }
+
+    @Transactional(readOnly = true)
+    public int getNumberOfHotels(SearchCriteria criteria) {
+	String pattern = getSearchPattern(criteria);
+	Long count = (Long) em.createQuery(
+		"select count(h.id) from Hotel h where lower(h.name) like :pattern or lower(h.city) like :pattern "
+			+ "or lower(h.zip) like :pattern or lower(h.address) like :pattern").setParameter("pattern",
+		pattern).getSingleResult();
+	return count.intValue();
     }
 
     @Transactional(readOnly = true)
@@ -75,9 +90,9 @@ public class JpaBookingService implements BookingService {
 
     private String getSearchPattern(SearchCriteria criteria) {
 	if (StringUtils.hasText(criteria.getSearchString())) {
-	    return "'%" + criteria.getSearchString().toLowerCase().replace('*', '%') + "%'";
+	    return "%" + criteria.getSearchString().toLowerCase().replace('*', '%') + "%";
 	} else {
-	    return "'%'";
+	    return "%";
 	}
     }
 
diff --git a/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/SearchCriteria.java b/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/SearchCriteria.java
index 109ded0d..ddae0954 100755
--- a/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/SearchCriteria.java
+++ b/spring-webflow-samples/booking-faces/src/main/java/org/springframework/webflow/samples/booking/SearchCriteria.java
@@ -2,6 +2,8 @@ package org.springframework.webflow.samples.booking;
 
 import java.io.Serializable;
 
+import javax.faces.model.DataModel;
+
 /**
  * A backing bean for the main hotel search form. Encapsulates the criteria needed to perform a hotel search.
  */
@@ -20,18 +22,16 @@ public class SearchCriteria implements Serializable {
     private int pageSize = 5;
 
     /**
-     * The current page of the Hotel result list.
+     * The page the user is currently on.
      */
-    private int page;
+    private int currentPage = 1;
 
-    private String sortBy = "name";
-
-    public String getSortBy() {
-	return sortBy;
-    }
-
-    public void setSortBy(String sortBy) {
-	this.sortBy = sortBy;
+    /**
+     * Returns a {@link DataModel} based on the search criteria.
+     * @param bookingService the service to use to retrieve hotels.
+     */
+    public DataModel<Hotel> getDataModel(BookingService bookingService) {
+	return new HotelLazyDataModel(this, bookingService);
     }
 
     public String getSearchString() {
@@ -50,28 +50,16 @@ public class SearchCriteria implements Serializable {
 	this.pageSize = pageSize;
     }
 
-    public int getPage() {
-	return page;
+    public int getCurrentPage() {
+	return currentPage;
     }
 
-    public void setPage(int page) {
-	this.page = page;
-    }
-
-    public void nextPage() {
-	page++;
-    }
-
-    public void previousPage() {
-	page--;
-    }
-
-    public void resetPage() {
-	page = 0;
-	sortBy = "name";
+    public void setCurrentPage(int currentPage) {
+	this.currentPage = currentPage;
     }
 
     public String toString() {
 	return "[Search Criteria searchString = '" + searchString + "'";
     }
+
 }
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/config/security-config.xml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/config/security-config.xml
index eae5ca29..e0433c15 100644
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/config/security-config.xml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/config/security-config.xml
@@ -9,10 +9,11 @@
            http://www.springframework.org/schema/security/spring-security-3.0.xsd">
 
 	<!-- Configure Spring Security -->
-	<security:http auto-config="true">
+	<security:http auto-config="true" use-expressions="true">
 		<security:form-login login-page="/spring/login" login-processing-url="/spring/loginProcess" 
 			default-target-url="/spring/main" authentication-failure-url="/spring/login?login_error=1" />
 		<security:logout logout-url="/spring/logout" logout-success-url="/spring/logoutSuccess" />
+		<security:intercept-url pattern="/secure" method="POST" access="hasRole('ROLE_SUPERVISOR')"/>
 	</security:http>
     
 	<!--
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/booking/enterBookingDetails.xhtml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/booking/enterBookingDetails.xhtml
index db9bcaba..215b9485 100644
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/booking/enterBookingDetails.xhtml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/booking/enterBookingDetails.xhtml
@@ -3,8 +3,15 @@
 	    		xmlns:ui="http://java.sun.com/jsf/facelets"
 	  			xmlns:h="http://java.sun.com/jsf/html"
 	  			xmlns:f="http://java.sun.com/jsf/core"
+	  			xmlns:p="http://primefaces.prime.com.tr/ui"
 				template="/WEB-INF/layouts/standard.xhtml">
-
+<ui:define name="notes">
+	<p>
+		Check the calendar widget and the tooltips on the credit card fields.
+		The form uses Ajax-based validations to redisplay server-side errors without refreshing the entire page.
+		The booking bean backing the form is a flow-scoped object (see <strong>booking-flow.xml</strong>).		
+	</p>
+</ui:define>
 <ui:define name="content">
 	<div class="span-5">
 		<h3>${booking.hotel.name}</h3>
@@ -16,137 +23,130 @@
 			${booking.hotel.country}
 		</address>
 	</div>
-	<h:panelGroup id="bookingsFragment" styleClass="span-12" layout="block">
-		<h:messages errorClass="error" layout="table"/>
-		<h:form id="bookingForm">
-			<fieldset>
-				<legend>Book Hotel</legend>
-				<div>
-					<div class="span-4 label">
-						Nightly rate:	
-					</div>
-					<div class="span-7 last">
-						<p>
-							<h:outputText value="#{booking.hotel.price}">
-								<f:convertNumber type="currency" currencySymbol="$"/>
-							</h:outputText>
-						</p>
-					</div>					
+	<h:form id="bookingForm">
+		<p:fieldset legend="Book Hotel">
+			<p:messages />
+			<div>
+				<div class="span-4 label">
+					Nightly rate:	
 				</div>
-				<div>
-					<div class="span-4">
-						<h:outputLabel for="checkinDate">Check In:</h:outputLabel>
-					</div>
-					<div class="span-7 last">
-						<p>
-				        	<h:inputText id="checkinDate" value="#{booking.checkinDate}" required="true">
-			                	<f:convertDateTime pattern="MM-dd-yyyy" timeZone="EST"/>
-			                </h:inputText>
-		               	</p>
-					</div>
+				<div class="span-7 last">
+					<p>
+						<h:outputText value="#{booking.hotel.price}">
+							<f:convertNumber type="currency" currencySymbol="$"/>
+						</h:outputText>
+					</p>
+				</div>					
+			</div>
+			<div>
+				<div class="span-4">
+					<h:outputLabel for="checkinDate">Check In:</h:outputLabel>
 				</div>
-				<div class="field">
-					<div class="span-4">
-						<h:outputLabel for="checkoutDate">Check Out:</h:outputLabel>
-					</div>
-					<div class="span-7 last">
-						<p>
-							<h:inputText id="checkoutDate" value="#{booking.checkoutDate}" required="true">
-								<f:convertDateTime pattern="MM-dd-yyyy" timeZone="EST"/>
-							</h:inputText>
-						</p>
-					</div>
+				<div class="span-7 last">
+					<p>
+						<p:calendar id="checkinDate" value="#{booking.checkinDate}" pattern="MM-dd-yyyy" timeZone="EST" required="true" />
+	               	</p>
 				</div>
-				<div class="field">
-					<div class="span-4">
-						<h:outputLabel for="beds">Room Preference:</h:outputLabel>
-					</div>
-					<div class="span-7 last">
-						<p>
-							<h:selectOneMenu id="beds" value="#{booking.beds}">
-								<f:selectItems value="#{referenceData.bedOptions}"/>
-							</h:selectOneMenu>
-						</p>	
-					</div>
+			</div>
+			<div class="field">
+				<div class="span-4">
+					<h:outputLabel for="checkoutDate">Check Out:</h:outputLabel>
 				</div>
-				<div class="field">
-					<div class="span-4">
-						<h:outputLabel for="smoking">Smoking Preference:</h:outputLabel>
-					</div>
-					<div id="radio" class="span-7 last">
-						<h:selectOneRadio id="smoking" value="#{booking.smoking}" layout="pageDirection">
-							<f:selectItems value="#{referenceData.smokingOptions}"/>
-						</h:selectOneRadio>
-					</div>
+				<div class="span-7 last">
+					<p>
+						<p:calendar id="checkoutDate" value="#{booking.checkoutDate}" pattern="MM-dd-yyyy" timeZone="EST" required="true" />
+					</p>
 				</div>
-				<!-- 
-				The "amenities" section commented out due to the following issue:
-				
-				https://issues.apache.org/jira/browse/MYFACES-2739
-				https://javaserverfaces-spec-public.dev.java.net/issues/show_bug.cgi?id=817
-				https://javaserverfaces.dev.java.net/issues/show_bug.cgi?id=1694
-				
-				<div class="field">
-					<div class="span-4">
-						<h:outputLabel for="amenities">Amenities:</h:outputLabel>
-					</div>
-					<div class="span-7 last">
-						<h:selectManyCheckbox id="amenities" value="#{booking.amenities}" layout="pageDirection">
-							<f:selectItem itemValue="OCEAN_VIEW" itemLabel="Ocean View" />
-							<f:selectItem itemValue="LATE_CHECKOUT" itemLabel="Late Checkout" />
-							<f:selectItem itemValue="MINIBAR" itemLabel="Minibar" />
-						</h:selectManyCheckbox>
-					</div>
+			</div>
+			<div class="field">
+				<div class="span-4">
+					<h:outputLabel for="beds">Room Preference:</h:outputLabel>
 				</div>
+				<div class="span-7 last">
+					<p>
+						<h:selectOneMenu id="beds" value="#{booking.beds}">
+							<f:selectItems value="#{referenceData.bedOptions}"/>
+						</h:selectOneMenu>
+					</p>	
+				</div>
+			</div>
+			<div class="field">
+				<div class="span-4">
+					<h:outputLabel for="smoking">Smoking Preference:</h:outputLabel>
+				</div>
+				<div id="radio" class="span-7 last">
+					<h:selectOneRadio id="smoking" value="#{booking.smoking}" layout="pageDirection">
+						<f:selectItems value="#{referenceData.smokingOptions}"/>
+					</h:selectOneRadio>
+				</div>
+			</div>
+			<!-- 
+			The "amenities" section commented out due to the following issue:
+			
+			https://issues.apache.org/jira/browse/MYFACES-2739
+			https://javaserverfaces-spec-public.dev.java.net/issues/show_bug.cgi?id=817
+			https://javaserverfaces.dev.java.net/issues/show_bug.cgi?id=1694
+			
+			<div class="field">
+				<div class="span-4">
+					<h:outputLabel for="amenities">Amenities:</h:outputLabel>
+				</div>
+				<div class="span-7 last">
+					<h:selectManyCheckbox id="amenities" value="#{booking.amenities}" layout="pageDirection">
+						<f:selectItem itemValue="OCEAN_VIEW" itemLabel="Ocean View" />
+						<f:selectItem itemValue="LATE_CHECKOUT" itemLabel="Late Checkout" />
+						<f:selectItem itemValue="MINIBAR" itemLabel="Minibar" />
+					</h:selectManyCheckbox>
+				</div>
+			</div>
 
-				-->
-				<div class="field">
-					<div class="span-4">
-						<h:outputLabel for="creditCard">Credit Card #:</h:outputLabel>
-					</div>
-					<div class="span-7 last">
-						<p>
-							<h:inputText id="creditCard" value="#{booking.creditCard}">
-								<f:validateRegex pattern="[0-9]{16}" />
-							</h:inputText>
-						</p>
-					</div>
+			-->
+			<div class="field">
+				<div class="span-4">
+					<h:outputLabel for="creditCard">Credit Card #:</h:outputLabel>
 				</div>
-				<div class="field">
-					<div class="span-4">
-						<h:outputLabel for="creditCardName">Credit Card Name:</h:outputLabel>
-					</div>
-					<div class="span-7 last">
-						<p>
-							<h:inputText id="creditCardName" value="#{booking.creditCardName}">
-								<f:validateLength minimum="3" /> 
-							</h:inputText>
-						</p>
-					</div>
+				<div class="span-7 last">
+					<p>
+						<h:inputText id="creditCard" value="#{booking.creditCard}">
+							<f:validateRegex pattern="[0-9]{16}" />
+						</h:inputText>
+						<p:tooltip for="creditCard" value="16-digit credit card number." style="cream" position="bottomLeft" />
+					</p>
 				</div>
-				<div class="field">
-					<div class="span-4">
-						<h:outputLabel for="creditCardExpiryMonth">Expiration Date:</h:outputLabel>
-					</div>
-					<div class="span-7 last">
-						<p>
-							<h:selectOneMenu id="creditCardExpiryMonth" value="#{booking.creditCardExpiryMonth}">
-								<f:selectItems value="#{referenceData.creditCardExpMonths}" />
-							</h:selectOneMenu>
-							<h:selectOneMenu id="creditCardExpiryYear" value="#{booking.creditCardExpiryYear}">
-								<f:selectItems value="#{referenceData.creditCardExpYears}"/>
-							</h:selectOneMenu>
-						</p>
-					</div>
+			</div>
+			<div class="field">
+				<div class="span-4">
+					<h:outputLabel for="creditCardName">Credit Card Name:</h:outputLabel>
 				</div>
-				<div>
-					<h:commandButton id="proceed" action="proceed" value="Proceed">
-						<f:ajax render=":bookingsFragment" execute="@form" />
-					</h:commandButton>&#160;
-					<h:commandButton id="cancel" value="Cancel" action="cancel" immediate="true" />
-				</div>		
-			</fieldset>
-		</h:form>
-	</h:panelGroup>
+				<div class="span-7 last">
+					<p>
+						<h:inputText id="creditCardName" value="#{booking.creditCardName}">
+							<f:validateLength minimum="3" /> 
+						</h:inputText>
+						<p:tooltip for="creditCardName" value="The name as it appears on the credit card" style="cream" position="bottomLeft" />
+					</p>
+				</div>
+			</div>
+			<div class="field">
+				<div class="span-4">
+					<h:outputLabel for="creditCardExpiryMonth">Expiration Date:</h:outputLabel>
+				</div>
+				<div class="span-7 last">
+					<p>
+						<h:selectOneMenu id="creditCardExpiryMonth" value="#{booking.creditCardExpiryMonth}">
+							<f:selectItems value="#{referenceData.creditCardExpMonths}" />
+						</h:selectOneMenu>
+						<h:selectOneMenu id="creditCardExpiryYear" value="#{booking.creditCardExpiryYear}">
+							<f:selectItems value="#{referenceData.creditCardExpYears}"/>
+						</h:selectOneMenu>
+					</p>
+				</div>
+			</div>
+			<div>
+				<p:commandButton id="proceed" action="proceed" value="Proceed" update="@form" />
+				<p:commandButton id="cancel" value="Cancel" action="cancel" immediate="true" />
+			</div>		
+		</p:fieldset>
+	</h:form>
 </ui:define>
 </ui:composition>
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/booking/reviewBooking.xhtml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/booking/reviewBooking.xhtml
index 996afded..bd22b15e 100755
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/booking/reviewBooking.xhtml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/booking/reviewBooking.xhtml
@@ -3,8 +3,14 @@
 	    		xmlns:ui="http://java.sun.com/jsf/facelets"
 	  			xmlns:h="http://java.sun.com/jsf/html"
 	  			xmlns:f="http://java.sun.com/jsf/core"
+	  			xmlns:p="http://primefaces.prime.com.tr/ui"
 				template="/WEB-INF/layouts/standard.xhtml">
-
+<ui:define name="notes">
+	<p>
+		Note that the command button actions raise events (e.g. "revise") instead of specifying method expressions.
+		The events result in transitions on the server side (see reviewBooking state in <strong>booking-flow.xml</strong>).
+	</p>
+</ui:define>
 <ui:define name="content">
 	<div class="span-5">
 		<h3>${booking.hotel.name}</h3>
@@ -17,9 +23,8 @@
 		</address>
 	</div>
 	<div class="span-12 last">
-		<h:form id="confirm">
-			<fieldset>
-				<legend>Confirm Booking Details</legend>
+		<h:form>
+			<p:fieldset legend="Confirm Booking Details">
 				<div>
 					<div class="span-3">Check In:</div>
 					<div class="span-8 last">
@@ -67,11 +72,11 @@
 					</div>
 				</div>
 				<div>
-					<h:commandButton id="confirm" value="Confirm" action="confirm"/>&#160;
-		    		<h:commandButton id="revise" value="Revise" action="revise"/>&#160;
-		    		<h:commandButton id="cancel" value="Cancel" action="cancel" />
+					<p:commandButton id="confirm" value="Confirm" action="confirm"/>&#160;
+		    		<p:commandButton id="revise" value="Revise" action="revise"/>&#160;
+		    		<p:commandButton id="cancel" value="Cancel" action="cancel" />
 				</div>
-			</fieldset>
+			</p:fieldset>
 		</h:form>
 	</div>
 </ui:define>
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/enterSearchCriteria.xhtml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/enterSearchCriteria.xhtml
index ee769b49..346c3914 100644
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/enterSearchCriteria.xhtml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/enterSearchCriteria.xhtml
@@ -3,78 +3,72 @@
 	    		xmlns:ui="http://java.sun.com/jsf/facelets"
 	  			xmlns:h="http://java.sun.com/jsf/html"
 	  			xmlns:f="http://java.sun.com/jsf/core"
+	  			xmlns:p="http://primefaces.prime.com.tr/ui"
 				template="/WEB-INF/layouts/standard.xhtml">
 
+<ui:define name="notes">
+	<p>
+		This page uses the PrimeFaces panel component to display a search form. 
+		Mouse over the "Search String" field to see its tooltip.
+		If you are logged a second panel will show your current bookings.
+		Both panels can be toggled on and off.
+	</p>
+</ui:define>
+
 <ui:define name="content">
 
-	<h:panelGroup id="hotelSearch" layout="block">
-		<h2>Search Hotels</h2>
-	    <span class="errors">
-	       <h:messages globalOnly="true" />
-	    </span>
-		<h:form id="mainForm" styleClass="inline">
-			<fieldset>
-				<div class="span-8">
-					<h:outputLabel for="searchString">Search String: </h:outputLabel>
-					<h:inputText id="searchString" value="#{searchCriteria.searchString}" />
-				</div>
-				<div class="span-6">
-				   	<h:outputLabel for="pageSize">Maximum Results: </h:outputLabel>
-					<h:selectOneMenu id="pageSize" value="#{searchCriteria.pageSize}">
-						<f:selectItems value="#{referenceData.pageSizeOptions}" />
-					</h:selectOneMenu>
-				</div>
-				<div class="span-3 last">
-					<h:commandButton id="findHotels" value="Find Hotels" action="search" >
-						<f:ajax render="@form" execute="@form" />
-					</h:commandButton>
-				</div>
-		    </fieldset>
-		</h:form>			  
-	</h:panelGroup>
+	<p:panel header="Search Hotels" toggleable="true" toggleSpeed="100">
+		<h:form>
+			<p:messages globalOnly="true" />
+			<h:panelGrid columns="2">
+				<h:outputLabel for="searchString">Search String: </h:outputLabel>
+				<h:inputText id="searchString" value="#{searchCriteria.searchString}" />
+			   	<h:outputLabel for="pageSize">Maximum Results: </h:outputLabel>
+				<h:selectOneMenu id="pageSize" value="#{searchCriteria.pageSize}">
+					<f:selectItems value="#{referenceData.pageSizeOptions}" />
+				</h:selectOneMenu>
+				<p:commandButton id="findHotels" value="Find Hotels" action="search" update="@form" />
+			</h:panelGrid>
+			<p:tooltip for="searchString" targetPosition="topRight" position="bottomLeft"
+				value="Search hotels by name, address, city, or zip." style="cream" />
+		</h:form>			  
+	</p:panel>
 
-	<h:panelGroup id="bookingsFragment" rendered="#{currentUser!=null}" layout="block">
-		<h2>Current Hotel Bookings</h2>
+	<p:panel id="bookings" header="Your Hotel Bookings" rendered="#{currentUser!=null}" toggleable="true" toggleSpeed="100" style="margin-top: 10px">
 		<h:outputText value="No Bookings Found" rendered="#{bookings.rowCount==0}"/>
-		<h:form id="bookingsForm" rendered="#{bookings.rowCount > 0}">
-			<h:dataTable id="bookings" styleClass="summary" value="#{bookings}" var="booking">
-				<h:column>
-					<f:facet name="header">Name</f:facet>
-					#{booking.hotel.name}
-				</h:column>
-				<h:column>
-					<f:facet name="header">Address</f:facet>
-					#{booking.hotel.address}
-				</h:column>
-				<h:column>
-					<f:facet name="header">City, State</f:facet>
-					#{booking.hotel.city}, #{booking.hotel.state}
-				</h:column>
-		        <h:column>
-		            <f:facet name="header">Check in date</f:facet>
-		            <h:outputText value="#{booking.checkinDate}">
-		            	<f:convertDateTime dateStyle="short"/>
-					</h:outputText>
-		        </h:column>
-		        <h:column>
-		            <f:facet name="header">Check out date</f:facet>
-		            <h:outputText value="#{booking.checkoutDate}">
-		            	<f:convertDateTime dateStyle="short"/>
-					</h:outputText>
-		        </h:column>
-				<h:column>
-					<f:facet name="header">Confirmation number</f:facet>
-					#{booking.id}
-				</h:column>
-				<h:column>
-					<f:facet name="header">Action</f:facet>
-					<h:commandLink id="cancel" value="Cancel" action="cancelBooking">
-						<f:ajax render=":bookingsFragment" />
-					</h:commandLink>
-				</h:column>
-			</h:dataTable>
-		</h:form>
-	</h:panelGroup>
+		<h:form rendered="#{bookings.rowCount > 0}">
+			<p:outputPanel id="bookingsContent">
+				<p:dataTable value="#{bookings}" var="booking">
+					<p:column>
+						<f:facet name="header">Hotel</f:facet>
+						#{booking.hotel.name}<br/>
+						#{booking.hotel.address}<br/>
+						#{booking.hotel.city}, #{booking.hotel.state}
+					</p:column>
+			        <p:column>
+			            <f:facet name="header">Check in</f:facet>
+			            <h:outputText value="#{booking.checkinDate}">
+			            	<f:convertDateTime dateStyle="short"/>
+						</h:outputText>
+			        </p:column>
+			        <p:column>
+			            <f:facet name="header">Check out</f:facet>
+			            <h:outputText value="#{booking.checkoutDate}">
+			            	<f:convertDateTime dateStyle="short"/>
+						</h:outputText>
+			        </p:column>
+					<p:column>
+						<f:facet name="header">Confirmation #</f:facet>
+						#{booking.id}
+					</p:column>
+					<p:column>
+						<f:facet name="header">Action</f:facet>
+						<p:commandButton id="cancel" value="Cancel" action="cancelBooking" update=":bookings"/>
+					</p:column>
+				</p:dataTable>
+			</p:outputPanel>
+		</h:form>			  
+	</p:panel>				  
 
 </ui:define>
 </ui:composition>
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/main-flow.xml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/main-flow.xml
index 9e84b6cf..db77b19c 100755
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/main-flow.xml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/main-flow.xml
@@ -9,37 +9,25 @@
 		<on-render>
 			<evaluate expression="bookingService.findBookings(currentUser?.name)" result="viewScope.bookings" result-type="dataModel" />
 		</on-render>
-		<transition on="search" to="reviewHotels">
-			<evaluate expression="searchCriteria.resetPage()" />
-		</transition>
+		<transition on="search" to="reviewHotels"/>
 		<transition on="cancelBooking">
 			<evaluate expression="bookingService.cancelBooking(bookings.selectedRow)" />
-			<render fragments="bookingsFragment" />
 		</transition>
 	</view-state>
 	
 	<view-state id="reviewHotels">
-		<on-render>
-			<evaluate expression="bookingService.findHotels(searchCriteria)" result="viewScope.hotels" result-type="dataModel" />
-		</on-render>
-        <transition on="sort">
-            <set name="searchCriteria.sortBy" value="requestParameters.sortBy" />
-        </transition>
-		<transition on="previous">
-			<evaluate expression="searchCriteria.previousPage()" />
-		</transition>
-		<transition on="next">
-			<evaluate expression="searchCriteria.nextPage()" />
-		</transition>
+		<on-entry>
+			<set name="viewScope.hotels" value="searchCriteria.getDataModel(bookingService)" />
+		</on-entry>
 		<transition on="select" to="reviewHotel">
-			<set name="flowScope.hotel" value="hotels.selectedRow" />
+			<set name="flowScope.hotel" value="hotels.selected" />
 		</transition>
 		<transition on="changeSearch" to="enterSearchCriteria" />
 	</view-state>
 	
 	<view-state id="reviewHotel">
 		<transition on="book" to="bookHotel" />
-		<transition on="cancel" to="enterSearchCriteria" />
+		<transition on="cancel" to="reviewHotels" />
 	</view-state>
 
 	<subflow-state id="bookHotel" subflow="booking">
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/reviewHotel.xhtml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/reviewHotel.xhtml
index 837cf147..b52306b4 100644
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/reviewHotel.xhtml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/reviewHotel.xhtml
@@ -3,10 +3,20 @@
 	    		xmlns:ui="http://java.sun.com/jsf/facelets"
 	  			xmlns:h="http://java.sun.com/jsf/html"
 	  			xmlns:f="http://java.sun.com/jsf/core"
+	  			xmlns:p="http://primefaces.prime.com.tr/ui"
 				template="/WEB-INF/layouts/standard.xhtml">
-
+<ui:define name="notes">
+	<p>
+		Clicking "Book" will launch the booking sub-flow (see the subflow state in <strong>main-flow.xml</strong>).
+	</p>
+	<p>
+		The booking flow is protected with Spring Security (see the secured attribute in <strong>booking-flow.xml</strong>).
+	</p>
+	<p>
+		Clicking "Back to Search" will take you to the stateful search results. 
+	</p>
+</ui:define>
 <ui:define name="content">
-
 	<h1>${hotel.name}</h1>
 	<address>
 		${hotel.address}
@@ -25,10 +35,9 @@
             </h:outputText>
 	    </p>
 		<div>
-			<h:commandButton id="book" action="book" value="Book Hotel"/>&#160;&#160;
-			<h:commandButton id="cancel" action="cancel" value="Back to Search"/>
+			<p:commandButton id="book" action="book" value="Book Hotel" ajax="false" />
+			<p:commandButton id="cancel" action="cancel" value="Back to Search"/>
 		</div>
 	</h:form>
-
 </ui:define>
 </ui:composition>
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/reviewHotels.xhtml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/reviewHotels.xhtml
index 89e26986..d9f63389 100644
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/reviewHotels.xhtml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/flows/main/reviewHotels.xhtml
@@ -3,61 +3,50 @@
 	    		xmlns:ui="http://java.sun.com/jsf/facelets"
 	  			xmlns:h="http://java.sun.com/jsf/html"
 	  			xmlns:f="http://java.sun.com/jsf/core"
+	  			xmlns:p="http://primefaces.prime.com.tr/ui"
 				template="/WEB-INF/layouts/standard.xhtml">
-
+<ui:define name="notes">
+	<p>
+		This page uses the PrimeFaces data table backed by a lazily loaded DataModel (see <strong>HotelLazyDataModel.java</strong>).
+		Page navigation is Ajax-based and uses JSF 2 partial rendering.
+		The name and city columns support forward and reverse sorting. 
+	</p>
+	<p>
+		The DataModel is created and stored in view scope when the view is first entered (see <strong>main-flow.xml</strong>). 
+		When the user makes a selection, the selection is stored in a flow-scoped "hotel" variable before transitioning to the detail page. 
+	</p>
+</ui:define>
 <ui:define name="content">
-
-<h:form id="hotelResults">
-	<div>
-		<h2>Hotel Results</h2>
-		<p>
-			<h:commandLink value="Change Search" action="changeSearch"/>
-		</p>
-		<div id="searchResults">
-			<h:outputText id="noHotelsText" value="No Hotels Found" rendered="#{hotels.rowCount == 0}"/>
-			<h:dataTable id="hotels" styleClass="summary" value="#{hotels}" var="h" rendered="#{hotels.rowCount > 0}">
-				<h:column>
-					<f:facet name="header">
-						<h:commandLink id="sortByNameLink" action="sort" value="Name">
-							<f:param name="sortBy" value="name" />
-							<f:ajax render="hotels" />
-						</h:commandLink>
-					</f:facet>
-					#{h.name}
-				</h:column>
-				<h:column>
-					<f:facet name="header">Address</f:facet>
-					#{h.address}
-				</h:column>
-				<h:column>
-					<f:facet name="header">
-						<h:commandLink id="sortByCity" action="sort" value="City, State">
-							<f:param name="sortBy" value="city" />
-							<f:ajax render="hotels" />
-						</h:commandLink>
-					</f:facet>
-					#{h.city}, #{h.state}, #{h.country}
-				</h:column> 
-				<h:column>
-					<f:facet name="header">Zip</f:facet>
-					#{h.zip}
-				</h:column>
-				<h:column>
-					<f:facet name="header">Action</f:facet>
-					<h:commandLink id="viewHotelLink" value="View Hotel" action="select"/>
-				</h:column>
-			</h:dataTable>
-			<div class="buttonGroup">
-				<h:commandLink id="previousPageLink" value="Previous Results" action="previous" rendered="#{searchCriteria.page > 0}">
-					<f:ajax render="@form" />
-				</h:commandLink>
-				&nbsp;
-				<h:commandLink id="nextPageLink" value="More Results" action="next" rendered="#{not empty hotels and hotels.rowCount == searchCriteria.pageSize}">
-					<f:ajax render="@form" />
-				</h:commandLink>
-			</div>
-		</div>
-	</div>
+<h:form>
+	<p:dataTable id="hotels" var="h" value="#{hotels}" paginator="true" dynamic="true" lazy="true" 
+			rows="#{searchCriteria.pageSize}" page="#{searchCrtieria.currentPage}">
+        <f:facet name="header">
+        	Hotel Search Results<br/>
+        	<p:commandLink value="Modify or start search again" action="changeSearch" styleClass="alt" />
+        </f:facet>
+		<p:column sortBy="#{h.name}">
+			<f:facet name="header">Name</f:facet>
+			#{h.name}
+		</p:column>
+		<p:column>
+			<f:facet name="header">Address</f:facet>
+			#{h.address}
+		</p:column>
+		<p:column sortBy="#{h.city}">
+			<f:facet name="header">City, State</f:facet>
+			#{h.city}, #{h.state}, #{h.country}
+		</p:column> 
+		<p:column>
+			<f:facet name="header">Zip</f:facet>
+			#{h.zip}
+		</p:column>
+		<p:column>
+			<f:facet name="header">Action</f:facet>
+			<p:commandButton id="viewHotelLink" value="View" action="select" image="ui-icon-search">
+				<f:setPropertyActionListener value="#{h}" target="#{hotels.selected}" />
+			</p:commandButton>
+		</p:column>
+	</p:dataTable>
 </h:form>
 </ui:define>
 </ui:composition>
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/intro.xhtml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/intro.xhtml
index f6e3a982..d9e3852a 100755
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/intro.xhtml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/intro.xhtml
@@ -6,35 +6,39 @@
                 xmlns:sf="http://www.springframework.org/tags/faces"
 				template="layouts/standard.xhtml">
 
-<ui:define name="content">
+<ui:define name="notes">
+	<p>
+		This is a simple standalone JSF page. 
+	</p>
+	<p>
+		Clicking the "Start" link below will launch the main to search for hotels (see <strong>main-flow.xml</strong>).
+		The main flow in turn launches the booking sub-flow to book the hotel (see <strong>booking-flow.xml</strong>).
+	</p>
+	<p>
+		The main flow is accessible without logging in while the booking flow requires authentication.
+	</p>
+</ui:define>
 
+<ui:define name="content">
 <div>
 	<h1>Welcome to Spring Travel</h1>
-	<p>
-	 	This demonstrates how to use Spring MVC and Spring Web Flow with JSF component views.
-	</p>
+	<h3 class="alt">Spring Web Flow and JSF 2 with PrimeFaces components</h3>
 	<hr />
 	<p>
-		The key features illustrated in this sample include:
+		Key features illustrated in this sample:
 	</p>
 	<ul>
 		<li>A declarative navigation model enabling full browser button support and dynamic navigation rules</li>
-		<li>A fine-grained state management model, including support for ConversationScope and ViewScope</li>
+		<li>A fine-grained state management model, including support for conversation, view, and flash scopes</li>
+		<li>Partial page rendering via Ajax with JSF 2</li>
 		<li>Modularization of web application functionality by domain use case, illustrating project structure best-practices</li>
-		<li>Spring Expression Language (SpEL) integration</li>
-		<li>Managed persistence contexts with the Java Persistence API (JPA)</li>
-		<li>Unified Expression Language (EL) integration</li>
 		<li>Spring Security integration</li>
-		<li>Declarative page authoring with Facelets, including applying reusable page layouts</li>	
-		<li>A lightweight component library for Ajax and client-side validation that employs progressive enhancement techniques</li>
-		<li>A grid layout with Blueprint CSS</li>
+		<li>Page layout with Blueprint CSS</li>
 		<li>Exception handling support across all layers of the application</li>
-		<li>Spring IDE tooling integration, with support for graphical flow modeling and visualization</li>
 	</ul>
 	<p>
 		<a href="main">Start your Spring Travel experience</a>
 	</p>
 </div>
-
 </ui:define>
 </ui:composition>
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/layouts/standard.xhtml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/layouts/standard.xhtml
index 86a65b61..46175c61 100644
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/layouts/standard.xhtml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/layouts/standard.xhtml
@@ -1,69 +1,56 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<f:view xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ui="http://java.sun.com/jsf/facelets"
-      xmlns:f="http://java.sun.com/jsf/core"
-      xmlns:h="http://java.sun.com/jsf/html"
-	  xmlns:c="http://java.sun.com/jsp/jstl/core"
-	  contentType="text/html" encoding="UTF-8">
-<html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
+<html xmlns="http://www.w3.org/1999/xhtml"
+	xmlns:h="http://java.sun.com/jsf/html"
+	xmlns:f="http://java.sun.com/jsf/core"
+	xmlns:c="http://java.sun.com/jsp/jstl/core"
+	xmlns:ui="http://java.sun.com/jsf/facelets"
+	xmlns:p="http://primefaces.prime.com.tr/ui">
+
+<f:view contentType="text/html">
+
 <h:head>
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 	<title>Spring Faces: Hotel Booking Sample Application</title>
-	<!-- 
-		Note on serving resources: 
-		In Spring 3.0.4 the below resources (css and images) will be served by Spring MVC's ResourceHttpRequestHandler.
-	-->
 	<link rel="stylesheet" href="${request.contextPath}/styles/blueprint/screen.css" type="text/css" media="screen, projection" />
 	<link rel="stylesheet" href="${request.contextPath}/styles/blueprint/print.css" type="text/css" media="print" />
 	<!--[if lt IE 8]>
 	        <link rel="stylesheet" href="<c:url value="/blueprint/ie.css" />" type="text/css" media="screen, projection" />
 	<![endif]-->
-	<link rel="stylesheet" href="${request.contextPath}/styles/booking.css" type="text/css" media="screen" />
+	<link rel="stylesheet" href="${request.contextPath}/styles/le-frog/jquery-ui-1.8.2.custom.css" type="text/css" media="screen" />
 	<ui:insert name="headIncludes"/>
 </h:head>
-<body>
-<div id="page" class="container">
-	<div id="header">
-		<div id="topbar">
-			<p>
-				<c:if test="${not empty currentUser.name}">
-	            	Welcome, ${currentUser.name} | <a href="${request.contextPath}/spring/logout">Logout</a>
-				</c:if>
-				<c:if test="${empty currentUser.name}">
-	            	<a href="${request.contextPath}/spring/login">Login</a>
-				</c:if>
-			</p>
-		</div>
-		<div id="logo">
-			<p>
-				<a href="#{request.contextPath}"><img src="${request.contextPath}/images/header.jpg" alt="Spring Travel"/></a>
-			</p>
-		</div>
+<h:body>
+<div class="container">
+	<div>
+		<h4 class="alt bottom">
+			<c:if test="${not empty currentUser.name}">
+		    	Welcome, ${currentUser.name} | <a href="${request.contextPath}/spring/logout">Logout</a>
+			</c:if>
+			<c:if test="${empty currentUser.name}">
+				<a href="${request.contextPath}/spring/login">Login</a>
+			</c:if>
+		</h4>
 	</div>
-	<div id="content">
-		<div id="local" class="span-6">
-			<p>
-				<a href="http://www.thespringexperience.com">
-					<img src="${request.contextPath}/images/diplomat.jpg" alt="generic hotel" />
-				</a>
-			</p>
-			<p>
-				<a href="http://www.thespringexperience.com">
-					<img src="${request.contextPath}/images/springone2gx.jpeg" alt="SpringOne 2GX" />
-				</a>
-			</p>
+	<div>
+		<a href="#{request.contextPath}"><img src="${request.contextPath}/images/header.jpg" height="200" width="950" alt="Spring Travel"/></a>
+	</div>		
+	<hr class="space" />
+	<div>
+		<div id="local" class="span-4 colborder">
+			<h3>Comments:</h3>
+			<ui:insert name="notes"/>
 		</div>
-		<div id="main" class="span-18 last">
+		<div class="span-19 last">
 			<ui:insert name="content"/>
 		</div>
 	</div>
-	<hr />
-	<div id="footer">
+	<hr class="space" />
+	<div>
 		<a href="http://www.springframework.org">
 			<img src="${request.contextPath}/images/powered-by-spring.png" alt="Powered by Spring" />
 		</a>
 	</div>
 </div>
-</body>
+</h:body>
+</f:view>
 </html>
-</f:view>
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/login.xhtml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/login.xhtml
index 54676e32..b37fb945 100755
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/login.xhtml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/login.xhtml
@@ -3,9 +3,15 @@
 	    		xmlns:ui="http://java.sun.com/jsf/facelets"
 				xmlns:c="http://java.sun.com/jsp/jstl/core"
 				template="layouts/standard.xhtml">
-
+<ui:define name="notes">
+	<p>
+		Form-based authentication with Spring Security.
+		Spring Security is first enabled in web.xml via DelegatingFilterProxy.
+		It's configuration is located in <strong>security-config.xml</strong>.
+		Flow definitions can further be protected using the secured attribute (see <strong>booking-flow.xml</strong>). 
+	</p>
+</ui:define>
 <ui:define name="content">
-
 <div class="span-5">
 	<p>Valid username/passwords are:</p>
 	<ul>
@@ -15,7 +21,6 @@
 	    <li>scott/rochester</li>
 	</ul>
 </div>
-
 <div class="span-10 append-2 last">
 	<c:if test="${not empty param.login_error}">
 		<div class="error">
@@ -49,6 +54,5 @@
 		</fieldset>
 	</form>
 </div>
-
 </ui:define>
 </ui:composition>
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/springsecurity.taglib.xml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/springsecurity.taglib.xml
new file mode 100644
index 00000000..5455cb2f
--- /dev/null
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/springsecurity.taglib.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<!DOCTYPE facelet-taglib PUBLIC
+  "-//Sun Microsystems, Inc.//DTD Facelet Taglib 1.0//EN"
+  "http://java.sun.com/dtd/facelet-taglib_1_0.dtd">
+<facelet-taglib>
+	<library-class>org.springframework.faces.security.SpringSecurityTagLibrary</library-class>
+</facelet-taglib>
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/web.xml b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/web.xml
index a5ad269b..fc605504 100755
--- a/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/web.xml
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/WEB-INF/web.xml
@@ -30,6 +30,12 @@
   		<param-value>1</param-value>
   	</context-param>
   	
+  	<!-- Declare Spring Security Facelets tag library -->
+  	<context-param>
+  		<param-name>javax.faces.FACELETS_LIBRARIES</param-name>
+  		<param-value>/WEB-INF/springsecurity.taglib.xml</param-value>
+  	</context-param>
+  	
     <!-- Enforce UTF-8 Character Encoding -->
     <filter>
         <filter-name>charEncodingFilter</filter-name>
diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-anim_basic_16x16.gif b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-anim_basic_16x16.gif
new file mode 100644
index 0000000000000000000000000000000000000000..085ccaecaf5fa5c34bc14cd2c2ed5cbbd8e25dcb
GIT binary patch
literal 1553
zcma)+TTl~c6vwlh>n<VLV61^sn`|N^0W=V(@iI19!X;{*a0v}4n9#t)qE(cNZLw}P
zBrK?LQM6z?S|c(6DW=#WqtgyaK&kac#nC!4BieSLI*ymt;!A1Ljt{60JulzOch2ve
z|9Adhjv-sK$coSq+8~WKJw5&4!Gp1}u`_4Rbai#LwY8BXSzB9MSy^c^ne=+STCGM=
zR3H%01hjC3??;aR9g^v&Rau1vnL1-u+I$rq2q#LOF_`QyJvmY&(guxLE0$qEqwH57
z21*&1rPOix(v`P|1KqGX6!OzM^uQ4ETdu6EuSGj4nxc$0+~1FySgw;sDf5!mMXXtJ
z_@XnE+69Z^;Ek6TFIK@@Sz3@Gt4mgcQFI0qB-Tm+h>b99Af5rT)t{mCEg5urg=A(g
z{C|6SPb~9Xage|wB`SrZk2FOMYM!buln2sX?5Y+T78iB(Zu9cS7|LZyZ++}u$^oi1
z_j@S}bW9OzU2R+RMy&~OT>X-oZ98$jq#ogNfJ!BM-42wHGZk*6s2KD}U*IA%epmxb
zm}|6BK9YoIF;*xSL!+z@<64lB7->LTW2Vi4ostCA(z&2XniwNIv}fFo-`MbG;)u4G
z^p@F!)|9HhZprHd_vXjDoxs6WkK-6P0@lfxnGT>*p(QHoUV=u1FAqb@b%*W<w2f#2
z9Zq52LnoAPWxjqFa17&!lIJ3lEbmY7(n(&LWmufC*Do^9<}hNtBbx^HGRL7u_650L
z@3YLm0&zR;*(vvhKl4$5URv-j9V^8@CER$E{3R?ej5S0wuBLpg<mFJu{hL^H^4t$r
zU$OthrOpL^Q8IHH&%vf!%?Er#xip35=vO%xYnERtD;U+bp7xwgQR+AR*m0vBC}cFa
zUb#)xk?JZ+E=0W5WCO)wSBa>=a3{`LsH5k^AvQNL>6fPpy#oU(&MuH(*aEX4b35*}
zn4n7)`I2U%=+Z=?BVZQ?<pD1q+$vd%8uP#+pdy-Ij6|<fF!&{iWt)`CPgH-zuTvcI
zyfkA(+Q@rSV#=o>vjQFW4gD@~XSOO6b{qu81`4&LFuU2(ilxW+1|ZkNMnWe79C$gs
zWT?Ele|HR{JGPe)5BTW>0Ey<DIvb)X7FdCg3kq-^KY>?-Ls6S#GoV0tbt6ku7B&*0
z;i9QM$W1Rj*rRIdceL)rAOSl+sDe3LkB87<%){;ZdHp6|SNl<OIeBfYJ^OGoVC|jD
zcj|NrO0)Z%BOuq3YT)!JC)v;7%cHj=+`Ob^2$Vkq`P{n^zZen9w+$o2yd>opDXRx<
zxBDF9-lTo&v`8$humFygUij@qgT=Qzhj8{ym2-{Xciwqq_Xwk%=O3B-MNAL_6e`3U
zyxwmXex4`g0^1RYw~Dth3av3Dl^AAlpO3mG!nLr#&ZZ7c_wUboI+deC+&%TFjK2Lm
z!Y&f1h|T_On%RCV&=4bx`!>(YezqGVhl&QpED?N6GV)HmzJ9&rh$x*i?*@o9#6QI<
z5ZI_MR<T&BR{~4JK$);*Lc}>X;0+p<?a4bIc*y(Xi3cp5d?^0LhPu<3u^J|nbF?~l
z5p;s4bEF-J@g5$=A7ZajUFdkSSl>Y8$`j)eF#TlUyG(eE%E7S!rj;mj^M5vhUicPm
zVWQ2z+imFyg}SRABmOBY_@osR!>7Ov!ioK`NB6_Rv}7Ud?35ed5Sb@?yND?kv~RCa
wqs^a3Sh>&&L4)!LKI?D2&k@))k(LESaga|C278ChSzn3NWVkcuNoY&{0f?~U_5c6?

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_diagonals-small_0_aaaaaa_40x40.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_diagonals-small_0_aaaaaa_40x40.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5359734addf88aba5336a6307154af075a08488
GIT binary patch
literal 128
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dE?w&4=ArY-_&lxfvP!M1+Jg|R~
zd8A6oi3@z<tT&B6uaUQoXTK*B!W!xr8X$_3DrGd7$?Q8zcv>&eNCr<=KbLh*2~7Yc
C+ah}a

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_diagonals-thick_15_444444_40x40.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_diagonals-thick_15_444444_40x40.png
new file mode 100644
index 0000000000000000000000000000000000000000..88e46a6d36db2bd625919728b0466cb906555a43
GIT binary patch
literal 253
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEM?75|Ln2z=UXSH!Hjr?+cw0xI
z`}Du?iM&_Dxie?QFHX_8Z_~x&?s#~Q6G#50BNCsz?LXctf4_6_`MZ%}r?T#g2k^3U
z1_-jN2Z*vim{J(<!z1j}yowuY1?GHG`2mdVq6@hAxExevQXEWWR2*Do<~W4PGz1?z
zc%Z*(*_+OGS*CY3e7g_aO)nMRA<fRafQe7bK~(03+D2ca@Nb>DlUAp0^9(y31>^>W
zb>&W)xyfXk=ejA4xs$eTx_Cov<<zgArq6!DpmF_^YsuyQFF^k=c)I$ztaD0e0suSB
BVr~Ec

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_diagonals-thick_95_ffdc2e_40x40.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_diagonals-thick_95_ffdc2e_40x40.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4f59e1659448e6424f9cbaa0c4fef429c894519
GIT binary patch
literal 266
zcmV+l0rmcgP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T70002dNkl<ZScUD^
z%MF516ola)I<OI|vLe@(W(&p=t}6_1-w(osoLL$(`H);>Cii(d_W8cNkG$L-`R@$q
zn@5%f)7iHLis4`l6vV*-6vY8d?tS+UNn;r>{9^q>(ouHAok#;u#zE>A6u?0YD1w6!
zPzVQmpcoF;KtUWVKv5jPtc-(_2X#f+5f@tqJn_Fe4?OurA`KLH%ZUR8a1aBE;J`MC
zZIZgOe{7R9mf0rhElb8WNkLgKwn-|=HnC08PzKm0=_)IZZIVb?HdovvKVy)l#X#Lp
Q?f?J)07*qoM6N<$f-iMwdH?_b

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_glass_55_fbf5d0_1x400.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_glass_55_fbf5d0_1x400.png
new file mode 100644
index 0000000000000000000000000000000000000000..0f45be78cb36f5b4a79de87a64dcead52eafbab9
GIT binary patch
literal 123
zcmeAS@N?(olHy`uVBq!ia0vp^j6gJjgAK^akKnouq?|lm978O6-<~(*Y6uWuzBu#F
z{}wqH>B6;jiWLkKP5O0Ijuy$?W?3-hQ}nZ2;Z90I6Be*+@>7}Retyl{AFb(Ln)!FK
X<9Xj-UL!IUXc~j3tDnm{r-UW|cB?6|

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-hard_30_285c00_1x100.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-hard_30_285c00_1x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..c341f5ef3f12b9479459364fbdf73c77b0346e51
GIT binary patch
literal 121
zcmeAS@N?(olHy`uVBq!ia0vp^j6j^i!3HGVb)pi0l!K>>V~E7myZr|_8yEx*JAE${
zeO_3;e(n5dM*;hVjdh1AWknC{pTMT-))$y%BA3EnlvY~v{^-ou+<@EqC3_m#EiUVL
U9h~-#31}9Br>mdKI;Vst0M0HZ(EtDd

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-soft_33_3a8104_1x100.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-soft_33_3a8104_1x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b32c4f380cd2d762e69c29361f03416398c75aa
GIT binary patch
literal 123
zcmeAS@N?(olHy`uVBq!ia0vp^j6j^i!3HGVb)pi0l#{26V~E7mtNn(24F&>-*Zdad
ze-!=aYm(S4y&j&D&ZLuFBIjOjU@+^F@LFmj?7Y=B>Q`Wrzl>L0!P+%y{~o?SUdXKb
W(79D_>8~1~X$+pOelF{r5}E)}#wl3<

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-soft_50_4eb305_1x100.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-soft_50_4eb305_1x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..65518690918eec58cd2bdeb98d6110f5c7ca217a
GIT binary patch
literal 126
zcmeAS@N?(olHy`uVBq!ia0vp^j6j^i!3HGVb)pi0l&hzUV~E7mtLF{54jAw_U+njv
zVg0qlHaK~uGq2}2p0l4O2y&b$HD^EI*rAdlSafd5?^#t#`FlUFYz(~eqDlAA4}Smm
ak6ATBT+VowIC%gKWbkzLb6Mw<&;$V1ODdcI

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-soft_60_4ca20b_1x100.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_highlight-soft_60_4ca20b_1x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0c83c01ed0ca77974d2749ed991d5141eae2efc
GIT binary patch
literal 134
zcmeAS@N?(olHy`uVBq!ia0vp^j6j^i!3HGVb)pi0l&`0YV~E7mtNjOg8yp0f)Td<G
zmZe5+=dL@~&HBT_Uf837<=pEIhPsxrg%4KBEcRRY$-!^&H;1QDS!Yh1t}<PbdHXNV
il7J+UO^08;FJRVP<Fem@ulzR9U<OZDKbLh*2~7Y=u`f;l

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_inset-soft_10_285c00_1x100.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-bg_inset-soft_10_285c00_1x100.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0e7d801b33da30344c5b77450b55e5a8e3385c7
GIT binary patch
literal 118
zcmeAS@N?(olHy`uVBq!ia0vp^j6j^i!3HGVb)pi0l&z<WV~E7myZyU485BgA-`_Lg
zd-^ZihWlgijR;P&ha8>?Q@q#?v@a5RqA=A%;mBR#?{4cib`<wne*O2V*W~$rmi)La
Smo@+mV(@hJb6Mw<&;$TwuqVm@

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_4eb305_256x240.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_4eb305_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..bae34204e5f27a9c98f1b20933bb9675e2d9660f
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_72b42d_256x240.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_72b42d_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..6108cfed884ba7cc81e37122940fcec3515332fa
GIT binary patch
literal 5355
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
W{n<*kA)EjA%Y34)uU4z#5c5B&;wmrz

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_cd0a0a_256x240.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_cd0a0a_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ab019b73ec11a485fa09378f3a0e155194f6a5d
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_ffffff_256x240.png b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/images/ui-icons_ffffff_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..42f8f992c727ddaa617da224a522e463df690387
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/jquery-ui-1.8.2.custom.css b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/jquery-ui-1.8.2.custom.css
new file mode 100644
index 00000000..ef948828
--- /dev/null
+++ b/spring-webflow-samples/booking-faces/src/main/webapp/styles/le-frog/jquery-ui-1.8.2.custom.css
@@ -0,0 +1,489 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=10px&bgColorHeader=3a8104&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=33&borderColorHeader=3f7506&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=285c00&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=10&borderColorContent=72b42d&fcContent=ffffff&iconColorContent=72b42d&bgColorDefault=4ca20b&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=60&borderColorDefault=45930b&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=4eb305&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=50&borderColorHover=8bd83b&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=285c00&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=30&borderColorActive=72b42d&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fbf5d0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=4eb305&bgColorError=ffdc2e&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=95&borderColorError=fad000&fcError=2b2b2b&iconColorError=cd0a0a&bgColorOverlay=444444&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=15&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=07_diagonals_small.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=0px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget .ui-widget { font-size: 1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #72b42d; background: #285c00 url(images/ui-bg_inset-soft_10_285c00_1x100.png) 50% bottom repeat-x; color: #ffffff; }
+.ui-widget-content a { color: #ffffff; }
+.ui-widget-header { border: 1px solid #3f7506; background: #3a8104 url(images/ui-bg_highlight-soft_33_3a8104_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #45930b; background: #4ca20b url(images/ui-bg_highlight-soft_60_4ca20b_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #8bd83b; background: #4eb305 url(images/ui-bg_highlight-soft_50_4eb305_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #72b42d; background: #285c00 url(images/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #f9dd34; background: #fbf5d0 url(images/ui-bg_glass_55_fbf5d0_1x400.png) 50% 50% repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #fad000; background: #ffdc2e url(images/ui-bg_diagonals-thick_95_ffdc2e_40x40.png) 50% 50% repeat; color: #2b2b2b; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2b2b2b; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2b2b2b; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_72b42d_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_72b42d_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_4eb305_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; }
+.ui-corner-tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
+.ui-corner-br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
+.ui-corner-top { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
+.ui-corner-right {  -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
+.ui-corner-left { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
+.ui-corner-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #444444 url(images/ui-bg_diagonals-thick_15_444444_40x40.png) 50% 50% repeat; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: 4px 0 0 4px; padding: 0px; background: #aaaaaa url(images/ui-bg_diagonals-small_0_aaaaaa_40x40.png) 50% 50% repeat; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Selectable
+----------------------------------*/
+.ui-selectable-helper { border:1px dotted black }
+/* Accordion
+----------------------------------*/
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
+/* IE7-/Win - Fix extra vertical space in lists */
+.ui-accordion a { zoom: 1; }
+.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
+.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
+----------------------------------*/
+.ui-autocomplete { position: absolute; cursor: default; }	
+.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+
+/* workarounds */
+* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
+
+/* Menu
+----------------------------------*/
+.ui-menu {
+	list-style:none;
+	padding: 2px;
+	margin: 0;
+	display:block;
+}
+.ui-menu .ui-menu {
+	margin-top: -3px;
+}
+.ui-menu .ui-menu-item {
+	margin:0;
+	padding: 0;
+	zoom: 1;
+	float: left;
+	clear: left;
+	width: 100%;
+}
+.ui-menu .ui-menu-item a {
+	text-decoration:none;
+	display:block;
+	padding:.2em .4em;
+	line-height:1.5;
+	zoom:1;
+}
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+	font-weight: normal;
+	margin: -1px;
+}
+/* Button
+----------------------------------*/
+
+.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
+.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
+button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
+.ui-button-icons-only { width: 3.4em; } 
+button.ui-button-icons-only { width: 3.7em; } 
+
+/*button text element */
+.ui-button .ui-button-text { display: block; line-height: 1.4;  }
+.ui-button-text-only .ui-button-text { padding: .4em 1em; }
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
+.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
+.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
+/* no icon support for input elements, provide padding by default */
+input.ui-button { padding: .4em 1em; }
+
+/*button icon element(s) */
+.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
+.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
+.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
+.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+
+/*button sets*/
+.ui-buttonset { margin-right: 7px; }
+.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
+
+/* workarounds */
+button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
+
+
+
+
+
+/* Dialog
+----------------------------------*/
+.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/* Slider
+----------------------------------*/
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
+----------------------------------*/
+.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
+/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
diff --git a/spring-webflow-samples/booking-faces/src/test/java/org/springframework/webflow/samples/booking/MainFlowExecutionTests.java b/spring-webflow-samples/booking-faces/src/test/java/org/springframework/webflow/samples/booking/MainFlowExecutionTests.java
index 280ac097..9feca43d 100644
--- a/spring-webflow-samples/booking-faces/src/test/java/org/springframework/webflow/samples/booking/MainFlowExecutionTests.java
+++ b/spring-webflow-samples/booking-faces/src/test/java/org/springframework/webflow/samples/booking/MainFlowExecutionTests.java
@@ -8,7 +8,6 @@ import javax.faces.model.DataModel;
 import org.easymock.EasyMock;
 import org.springframework.binding.mapping.Mapper;
 import org.springframework.binding.mapping.MappingResults;
-import org.springframework.faces.model.OneSelectionTrackingListDataModel;
 import org.springframework.faces.model.converter.FacesConversionService;
 import org.springframework.webflow.config.FlowDefinitionResource;
 import org.springframework.webflow.config.FlowDefinitionResourceFactory;
@@ -62,20 +61,13 @@ public class MainFlowExecutionTests extends AbstractXmlFlowExecutionTests {
 	criteria.setSearchString("Jameson");
 	getFlowScope().put("searchCriteria", criteria);
 
-	List<Hotel> hotels = new ArrayList<Hotel>();
-	hotels.add(new Hotel());
-	EasyMock.expect(bookingService.findHotels(criteria)).andReturn(hotels);
-	EasyMock.replay(bookingService);
-
 	MockExternalContext context = new MockExternalContext();
 	context.setEventId("search");
 	resumeFlow(context);
 
-	EasyMock.verify(bookingService);
-
 	assertCurrentStateEquals("reviewHotels");
 	assertResponseWrittenEquals("reviewHotels", context);
-	assertTrue(getRequiredViewAttribute("hotels") instanceof DataModel);
+	assertTrue(getRequiredViewAttribute("hotels") instanceof HotelLazyDataModel);
     }
 
     public void testSelectHotel() {
@@ -86,8 +78,8 @@ public class MainFlowExecutionTests extends AbstractXmlFlowExecutionTests {
 	hotel.setId(1L);
 	hotel.setName("Jameson Inn");
 	hotels.add(hotel);
-	OneSelectionTrackingListDataModel dataModel = new OneSelectionTrackingListDataModel(hotels);
-	dataModel.select(hotel);
+	HotelLazyDataModel dataModel = new HotelLazyDataModel(null, null);
+	dataModel.setSelected(hotel);
 	getViewScope().put("hotels", dataModel);
 
 	MockExternalContext context = new MockExternalContext();