Problem page: (trouble with images in thin middle column)


I am focusing on a brand new Wordpress template, and I have encounter an problem with Fancybox. I am looking to get the images within the thin middle column from the page above to, when clicked on on, appear in fancybox with attached publish data.

It's mainly working OK - on first click, not a problem. Click a picture, publish appears inside a fancybox. But close the fancybox and check out again, and you'll find that the publish loads once, then loads again. Click aother, and this time around the publish loads multiple occasions. (Don't click a lot of occasions, your browser will freak). Seems like a recursion problem, but I am unsure where I am failing.

I attempted using other pop-up plug ins, like Facebox and Lightbox, with similar problem, so it should be my loop or something like that. I additionally said out other javascript around the page to ascertain if there is a conflict - still had the issue.

Here's my code (you will find two loops Body for that gallery images and something for that blog records):

<div id="homeGalleryCol">
<div id="homeGalleryContent">

if(have_posts()) : while(have_posts()) : the_post(); ?>
        <div class="singlePhotoPost">
        <h3 class="galleryListDate"><?php the_time('M d'); ?></h3>
                <a href="<?php the_permalink(); ?>" class="fancybox"><?php the_post_thumbnail('gallery-pic-thumbnail'); ?></a>
        </div><!-- end singlePhotoPost -->
    <?php endwhile; ?>
<?php endif; ?>
</div><!-- end homeGalleryContent -->
</div><!-- end homeGalleryCol -->

<div id="thinRightCol">
<div id="rightColContent">
        <div id="blogListColWrapper">
    <div id="blogListCol">


global $more;
$more = 0;

if(have_posts()) : while(have_posts()) : the_post(); ?>
        <div class="singlePost">
        <h3 class="blogListDate"><?php the_time('M d'); ?></h3>
                <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
        <h2 class="postTitle"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
        <?php the_content('<span class="moretext">&nbsp;</span>'); ?>
        </div><!-- end singlePost -->

    <?php endwhile; ?>  
    <?php endif; ?>
    </div><!-- end blogListCol -->
    </div><!-- end blogListColWrapper -->

</div><!-- end rightColContent -->
</div><!-- end thinRightCol -->

Thanks much.