JQ тупик (галерея фото в модальном окне REMODAL)

[aleksand-]

Стоит задача в модальное окно вывести картинку и далее что бы эту картинку можно было листать на другую кнопками вправо и влево.

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


Проблема вторичного характера (не корректно работают кнопки вправо и влево каждый раз при нажатии кнопки назад появляется первое фото и при нажатии кнопки вперед появляется второе фото, и нет закаленности т.е. когда доходишь до последней фото, не можешь кнопкой вперед перейти снова к первой так же с кнопкой и назад ).

<script language="JavaScript" type="text/javascript">

var current=1;
var kolvo=50; //количество картинок

// массив картинок
tumb= new Array();
tumb[0]=new Image(); // картинка 1
tumb[1]=new Image(); // картинка 2




//сами картинки, не ошибитесь с путем...
tumb[0].src="img/cat/001.jpg"
tumb[1].src="img/cat/002.jpg"




function frw(){
if (current < kolvo) {
current++;
document.images['a'].src=tumb[current-1].src;
document.images['b'].src=tumb[current-1].src;


}
}
function bck(){
if (current > 1) {
current--;
document.images['a'].src=tumb[current-1].src;
document.images['b'].src=tumb[current-1].src;



}
}

</script>



<div class="big_slide">
<div id="wrap">

<div class="big_slide_in ">
<a class="gallery" href="#modal">
<img src="img/cat/001.jpg" alt="photo" /></a>
<div class="but_2">
<button title="Узнать стоимость. Верхний слайдер. Картинка 1">ХОЧУ ТАКОЙ</button>
</div>
</div>

<div class="remodal-bg">
<div class="remodal" data-remodal-id="modal">
<div class="but_m">
<button title="Узнать стоимость. Верхний слайдер. Картинка 1">ХОЧУ ТАКОЙ</button>
</div>
<img src="img/cat/001.jpg" name="a">

<input type="button" class="bck_left" value="" onClick="bck()">
<input type="button" class="frw_right" value="" onClick="frw()">

</div>

</div>


<div class="big_slide_in ">
<a class="gallery" href="#modal1">
<img src="img/cat/002.jpg" alt="photo"/></a>
<div class="but_2">
<button title="Узнать стоимость. Верхний слайдер. Картинка 1">ХОЧУ ТАКОЙ</button>
</div>
</div>

<div class="remodal-bg">
<div class="remodal" data-remodal-id="modal1">
<div class="but_m">
<button title="Узнать стоимость. Верхний слайдер. Картинка 1">ХОЧУ ТАКОЙ</button>
</div>
<img src="img/cat/002.jpg" name="b">

<input type="button" class="bck_left" value="" onClick="bck()">
<input type="button" class="frw_right" value="" onClick="frw()">

</div>

</div>

</div>

</div>




в качестве модального окна использовал http://vodkabears.github.io/remodal/

[olmensk]

Я б просто взял бы элементарный слайдер и вставил бы его в модольное окно и не парился б...