Add attached links for current image shown by galleryview

Add attached links for current image shown by galleryview

Hello Everybody.

First of all I have to admit I haven't thought that through when I started with my idea.
I am using galleryview 2.1.1 to show images for a gallery.

These images (wrapper images) itself can have a number of smaller images (content images). The idea was to display links on each of those 'wrapper images' that open fancybox to show up the smaller ones contained as sort of 'preview' in big!

Problem:
I need to change the links pointing to the target images when galleryview changes the current image.

the links itself work, the corresponding images get opened in fancybox, but as it stands all of the links are shown on every wrapper ...  I cannot show those links in a corresponding way to the appropriate wrapper image  (I hope it makes some sense what I a trying to get across)

Here's my code:
(the first wrapper-image contains 4 smaller images, the second contains 2 smaller images .... and those links should change with the current image shown by gallery view ... how can I achieve this ???

  1. <ul id="gallery">
        <li><span class="panel-overlay">Welcome... </span>
            <img src="/photos/gal_1/1.jpg" alt="" title="" />     
        </li>
        <li><span class="panel-overlay">Gallery XYZr</span>
            <img src="/photos/gal_1/2.jpg" alt="" title="" />
        </li>





  2. ...
  3. </ul>
  1. <ul class="smallnav">
        <li class="gal_bullets">
            <a class="load" rel="1" href="/photos/gal_1/content_1/1.jpg">
                <img src="/images/bullet.png" alt="" title="aaa" />
            </a>
        </li>
        <li class="gal_bullets">
            <a class="load" rel="1" href="/photos/gal_1/content_1/2.jpg">
                <img src="/images/bullet.png" alt="" title="bbb" />
            </a>
        </li>    <li class="gal_bullets">
            <a class="load" rel="1" href="/photos/gal_1/content_1/3.jpg">
                <img src="/images/bullet.png" alt="" title="ccc" />
            </a>
        </li>    <li class="gal_bullets">
            <a class="load" rel="1" href="/photos/gal_1/content_1/4.jpg">
                <img src="/images/bullet.png" alt="" title="ddd" />
            </a>
        </li>  
    </ul>


















  2. <ul class="smallnav">
        <li class="gal_bullets">
            <a class="load" rel="2" href="/photos/gal_1/content_2/1.jpg">
                <img src="/images/bullet.png" alt="" title="111" />
            </a>
        </li>    <li class="gal_bullets">
            <a class="load" rel="2" href="/photos/gal_1/content_2/2.jpg">
                <img src="/images/bullet.png" alt="" title="222" />
            </a>
        </li>
    </ul>









Thanks for every idea in advance !!!

Gina