How to create a dynamic horizontal scrolling using jQuery?

I want to create a slide view for our products but I don't want to load all of them at once. I want to buffer 1 page ahead and before and when the user clicks next shift everything to right and remove the second DIV from previous pages like FIFO. so I always need to have 3 DIVs inside the #content class PREVIOUS, CURRENT and NEXT. something like this website ! any help is really appreciated. I did everything els开发者_如何学运维e but this part is taking too long :(

I've made a sample for you try it @ http://jsfiddle.net/rifat/xzxPQ/

Hope it'll help :)