как дважды подключить один и тоже скрипт на странице
 

На странице присутствуют два блока (галерея картинок) использующих один и тот же скрипт. В первом блоке скрипт работает, во втором нет. В чем дело не пойму.

Если для второго блока изменить имена id и классов соответственно изменить и скрипт, то начинает работать. Но у меня таких блоков будет несколько и каждый раз создавать новый скрипт и править css нет желания. Подскажите как сделать чтобы в нескольких местах страницы находились одинаковые блоки, использующие один скрипт.

html:

<div id="image">
<img id="img_box" src="../gallery/img/5_electro/electro_001.jpg">
<div id="next_img"><img src="../gallery/img/next_40.png" class="next_prev"></div>
<div id="prev_img"><img src="../gallery/img/prev_40.png" class="next_prev"></div>
</div>
<div id="spisok_img">
<img src="" class="massiv">
<img src="../gallery/img/5_electro/electro_001.jpg" class="massiv">
<img src="../gallery/img/5_electro/electro_002.jpg" class="massiv">
<img src="" class="massiv">
</div>

js:

var a = 1;
$("#next_img").click(function() {
a=a+1;
var next= $('img.massiv:eq('+a+')').attr("src");
if ($('img.massiv:eq('+a+')').attr("src")!=$('img.mas siv:eq(-1)').attr("src")) {
next= $('img.massiv:eq('+a+')').attr("src");
$("#img_box").replaceWith('<img id="img_box" src='+next+'>');
} else {
a=1;
next= $('img.massiv:eq('+a+')').attr("src");
$("#img_box").replaceWith('<img id="img_box" src='+next+'>');

}




return false;
});

id должен быть уникальным.
Добавить набор свойств css можно через запятую.
#image, #image2, #image3 {
свойство1: значение1;
свойство1: значение1;
свойство1: значение1;
}
скрипт можно тоже оставить один просто добавить селекторы через запятую $("#next_img, #next_img2")