We're working on building an online TV schedule for our public TV station and wondered how we could create this effect: We need a datatable that allows users to click the Next or Previous, and have the table shift smoothly to a different time. So users are viewing the 8:00 p.m. grid and click Next; the table scrolls horizontally with a nice effect to show the 10:00 p.m. grid.

The effect we're looking for is similar to what this jQuery scroller does: http://css-tricks.com/examples/AnythingSlider/ but with dynamic data instead of static content.

Is this possible with a combination of the RichFaces controls? Thanks.