pause or stop the loop?

hello,

i need to pause the loop! i try to implement quicksand to filter search results..

but now i’m stepping on some trouble.
i wish to just write out the ul two times, one for “source” and one time for destination, now it’s just flipping out. can i pause the loop or stop it, put out a and start after that?

any help appriciated!

this is a part of my code to put images in the search:

<ul id="source">
				<li data-id="id-<?php echo $i; $i++; ?>" data-type="<?php $description = get_post_meta($post->ID, 'color', true); echo $description; ?>">
            <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php image_attachment('image', 124, 138); ?></a>
       		<?php the_title(); ?>
        </li>
        </ul>

        <ul id="destination" style="display: none">
        			<li data-id="id-<?php echo $i; $i++; ?>" data-type="<?php $description = get_post_meta($post->ID, 'color2', true); echo $description; ?>">
            <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php image_attachment('image2', 124, 138); ?></a>
        <?php the_title(); ?>
        </li>

          			<li data-id="id-<?php echo $i; $i++; ?>" data-type="<?php $description = get_post_meta($post->ID, 'color3', true); echo $description; ?>">

            <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php image_attachment('image3', 124, 138); ?></a>
        <?php the_title(); ?>
        </li>
           </ul>