Masonry and infinite scroll. help needed!

Hey all.

I’m currently working on this theme.

if you click on archives, masonry ordered thumbnails appear. Those i want to be dynamically loaded using the infinite scroll plugin.

unfortunately the plugin needs a “next” link to load more posts but since this is a single page layout i’ve already have a pagination for the posts shown.

this is my index.php

<?php get_header(); ?>

<?php $page = (get_query_var('paged')) ? get_query_var('paged') : 1; ?>
<?php query_posts(array('posts_per_page' => '1', 'paged'=>$page)); ?>
	<?php while (have_posts()) : the_post(); ?>
		<div id="main"<?php if ( $thumbnail_id = get_post_thumbnail_id() ) {
		        if ( $image_src = wp_get_attachment_image_src( $thumbnail_id, 'normal-bg' ) )
		            printf( ' style="background-image: url(%s);"', $image_src[0] );}?>>

		 		<div class="logo">
		 			<a href="<?php bloginfo('url'); ?>"><img src="<?php print IMAGES; ?>/logo.png" alt="<?php bloginfo('name'); ?>" /></a>
				</div>

		 		<div class="navlinkcontainer">
		 			<a id="archivelink" class="navlink" href="#">archive</a>
		 			<?php next_posts_link('next'); ?>
		 			<?php previous_posts_link('Previous'); ?>
		 		</div>

		<article>
				<h2><?php the_title(); ?></h2>
				<p><a href="<?php the_permalink(); ?>"><?php the_time('jS F Y'); ?></a></p>
				<?php the_content(''); ?>
		</article>
	<?php endwhile; ?>

	</div>

<?php wp_reset_query(); ?>

<div id="archive">

  	<header>
  		<a id="close" class="navlink" href="#">close</a>
  	</header>

	<div id="masonry">

	<?php if (have_posts()) : while (have_posts()) : the_post();
 	 if( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>
		<div class="box"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('medium'); ?></a>
 	  	<h3><?php the_title(); ?></h3>
   		<h4><?php the_time('jS F Y'); ?></h4>
   			<span class="rollover">
   				<?php the_tags( '<div class="tags">', '', '</div>'); ?>
   			</span>
   </div>

<?php endwhile; endif; ?>

</div>

<?php get_footer(); ?>

how does that work? i’m very very stuck!

[ Stop bumping. That’s not permitted here. ]