Hi Guys,

I need help/guidance on how I would do this:

Problem 1:
I have a folder which contains images and I need to load them dynamically as the user scrolls.
So for e.g I'll be showing 8 thumbnails by default and as you scroll the page, it would dynamically populate another row of 4 etc.. etc..

Problem 2
The images will be in categories. So when I click a new category, I'd like the current set of Images to animate out and the new set to animate in.


Basically if you have a look at this website: Website for Skive Festival 2012 ‹ Case studies | Jens Ahrengot Boddum

and scroll down a bit to The Challenge section and click on any Project overview buttons. Now that's exactly what I'm after.

Where do i start?