Thanks !

replace this part in the script.js:

var controls = $('.swControls').detach();

with this

$('.swControls').clone(true).addClass("topc").prependTo('#main');
	var controls = $('.swControls:eq(1)').detach();

and this part in the script.js:

$(this).addClass('active').siblings().removeClass('active');

with this

if($(this).parent().hasClass('topc'))
{
	var bclick = $(this).index();
	$(this).addClass('active').siblings().removeClass('active');
	$('.swControls:not(.topc) a').eq(bclick).addClass('active').siblings().removeClass('active');
}
else
{
	var bclick = $(this).index();
	$(this).addClass('active').siblings().removeClass('active');
	$('.swControls:not(.topc)')
	$('.topc a').eq(bclick).addClass('active').siblings().removeClass('active');
}

Finally this to styles.css

.topc {
    margin-top: -20px;
}

Take a look at my demo page: http://ken.net/xxyyzz

It displays the thumbnails appropriately and the overflow goes into a hidden page to the right but the navigational elements never come up. :^(

Don't know if this has any bearing on my problem but one thing I had to do to get this working was to change away from the '$' reference in lines 97 to 111 in the JS file as Jan suggested earlier. This was driving me crazy but changing that made it so it started to run the script and clearly has done the work of breaking the elements into discrete pages. No if only I could get the navigational elements to show up.

Any help would be greatly appreciated.

First off, great work!

I am curious if the #holder and #mail ids can be changed to classes.

The reason is because I'm trying to implement more than one of these paginated blocks on one page.

When I modify the js/ids to classes, all of the paginated items get grouped into one block, when it would be ideal for them to be separated.

Any input would be most appreciated.

sorry about that