Pià di una gallery jquery nella stessa pagina

[elnigno82]

Salve,
ho una pagina php con una galleria jquery ordinata on demand in base ai tag di alcune classi delle immagini.
Tale pagina fa uso di molte libreirie jQuery e Css ed è pagina unica ( cioè fa uso di ancore per i link, ma in pratica non ne esistono altre, tutto gira su index.php).

Tutto funziona se mi limito ad inserire una sola istanza gallery.

Se ne inserisco già solo due, la prima funziona mentre la seconda no.

sulla index.php abbiamo:

<!--Gallery Start-->
<li id="page_gallery">
    <div class="title-wrapper">
        <h2>Gallery</h2>
    </div>
    <div>
    <ul class="splitter" id="filter">
        <li>
        <ul>
            <li class="segment-1 selected-1"><a href="#" data-value="all">All</a></li>
            <li class="segment-0"><a href="#" data-value="non_veg">Non Veg</a></li>
            <li class="segment-2"><a href="#" data-value="veg">Veg</a></li>
            <li class="segment-3"><a href="#" data-value="drinks">Drinks</a></li>
        </ul>
        </li>
    </ul>
    </div>
    <div class="image_grid">
        <ul id="list" class="portfolio_list">
            <li data-id="id-1" class="non_veg">
                <a href="images/gallery_big_img_1.jpg" title="Image Description Goes Here" class="example6">
                    <span class="roll"></span>
                    <img src="images/gallery_img_1.jpg" alt="img" class="img_bor" />
                </a>
            </li>
            <li data-id="id-2" class="non_veg">
                <a href="images/gallery_big_img_2.jpg" title="Image Description Goes Here" class="example6">
                    <span class="roll"></span>
                    <img src="images/gallery_img_2.jpg" alt="img" class="img_bor" />
                </a>
            </li>
            <li data-id="id-3" class="non_veg">
                <a href="images/gallery_big_img_3.jpg" title="Image Description Goes Here" class="example6">
                    <span class="roll"></span>
                    <img src="images/gallery_img_3.jpg" alt="img" class="img_bor" />
                </a>
            </li>
         
        </ul>
    </div>    
</li>
<!--Gallery End--> 

ebbene se prova a duplicare questo codice più sotto, creando quindi due copie, funziona solo il primo ho provato a cambiare il data-id, cambiare i class="segment..." ecc ecc, ma la seconda istanza non ne vuole sapere...non so come fare