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

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

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


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

<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/

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