Hello there everyone!

I am currently rebuilding my portfolio and utilizing lightwindow as a means to display my projects. I have set up the site so that there is a grid of thumbnail images and also a textual list of links (basically another means for the user to navigate the projects if they prefer not to use the thumbnail links).

For some projects I need to use the gallery function to display multiple images. I have this functioning when you click on the thumbnail link just fine. The problem is having the corresponding text link utilize the same set of images without creating a duplicate set. Is there a way to call the gallery without putting links to each image utilizing "class" and "rel".

Here is a brief section of the html to show you what I mean...I have minimized it to show you clearly what I am trying to do...


Code:
<!-- Text List of Links to Projects -->
<div id="subNav" style="display:none;">
        <ul>
        	<li class="listHeader">Web &amp; Interactive</li>
        	<li>
        		<a href="imgs/gallery/proj1.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." >Dynamic Info Design</a>
        	</li>
        </ul>        		
</div>
        
<!-- Thumbnail Image Links to Projects -->        
<div id="portfolioContent">
        <div id="thumbnail">

        	<!-- Set of Images to be used in gallery-->  
        	<a href="imgs/gallery/projectName/proj2A.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." rel="Web &amp; Interactive[Dynamic Info Design]">
        		<img src="imgs/thumbnails/project1.jpg" alt="Project Name" />
        	</a>

        	<a href="imgs/gallery/projectName/proj2B.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." rel="Web &amp; Interactive[Dynamic Info Design]"></a>

        	<a href="imgs/gallery/projectName/proj2C.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." rel="Web &amp; Interactive[Dynamic Info Design]"></a>

        </div>
 </div>
I want to call that same set of 3 images with the text link <a href="imgs/gallery/proj1.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." >Dynamic Info Design</a>

Right now it's just showing the one image...if I use the rel tag in that link, it adds the image as a duplicate and then says there are 4 images in the set instead of 3.

Does this make sense to anyone. How can I pull this same gallery up without duplicating the images or having the same project show up twice when you click on the gallery tab.

View actual site in progress at:
http://www.reneeclements.com/newWebs...sign/index.php

Any insight would be greatly appreciated! Thanks!