Multi slider jquery

Bonjour, je crée en ce moment un site web dans le cadre d'un projet d'étude, mais je rencontre un soucis concernant ma galerie Jquery

Le hic en faite c'est que ce n'est pas une seule galerie mais bien 4 que je souhaite intégrer avec le même code de source de jquery.infinite-carroussel.js

Pour vous expliquer simplement voici un petit schéma

http://data.imagup.com/11/1145798364.JPG

L'idée c'est que par défaut la galerie affiché dans le slider est la n°1.
Lorsque je clique sur le bouton 2, c'est la galerie 2 qui s'affiche dans le slider, et ainsi de suite.


Le code de mes galeries est généré en PHP ainsi :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

<div id="sliders">   //Code généré en PHP //galerie 1 <div id="" class="box"> <div id=""> <ul> <li><img src=""></li> </ul> <ul> <li><img src=""></li> </ul> </div> </div>   //galerie 2   <div id="" class="box"> <div id=""> <ul> <li><img src=""></li> </ul> <ul> <li><img src=""></li> </ul> </div> </div>   //etc.. //Fin du code généré en PHP <div/>   <div id="menu"> <img src="" /> <img src="" /> <img src="" /> <img src=""/> </div>

---

Les deux premières div pour chaque galerie sont importantes car elles recoivent respectivement l'id "slideshow" et l'id "wrap" en Jquery afin de faire fonctionner la galerie.

Donc par défaut j'ai ce code :

Code:

---

1 2 3 4 5

$('.box:eq(0)').attr('id','slideshow'); $('#slideshow > div').attr('id','wrap'); $('.box').hide(); $('#slideshow').show();

---

L'idée c'est que lorsque je clique sur le bouton N alors cela supprime la valeur de l'id "slideshow" et "wrap" de toutes les galeries et ça les réécrive sur la galerie N correspondant, ainsi l'effet de slider ne s'applique sur une galerie.

Voila le début de code que j'ai pondu et qui marche mais je bloque ensuite, je me dit qu'il aurait peut être été aussi possible de créer une fonction à répéter sur chaque bouton mais je ne vois pas comment partir..De l'aide ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

$(document).ready(function() {   //defaut $('.box:eq(0)').attr('id','slideshow'); $('#slideshow > div').attr('id','wrap'); $('.box').hide(); $('#slideshow').show();     $('#menu img').click(function(){   $("#menu img").each(function(){ $(".box").attr('id',''); $('#slideshow > div').attr('id',''); $('.box').hide(); });//fin du each //tout les id"slideshow" sont supprimés }); });

---