function loadImage(){

      for(i = 0; i < imgS.length; i++){
         
         // load small
         path = imgS[i];
         imgS[i] = new Image();
         imgS[i].src = path;
         
         //load big
         path = imgB[i];
         imgB[i] = new Image();
         imgB[i].src = path;         
               
      }
  
    }//end loadImage
	
	function setData(id, pos){
	
	  var objB = document.getElementById(id + "_big");
	  //var objT = document.getElementById(id + "_text");
	  //-	 
	  objB.innerHTML = "<img src='"+imgB[pos].src+"' alt='' />";
	  //objT.innerHTML = text[pos];
	  
	  //----
	//  document.getElementById('imgStatic').style.display = 'block';
	}
    
    function showBlock(id){    

      //---
        var count = imgS.length;
        var rIdx = p * maxView;        
	if(rIdx > count){ rIdx = count; }
	lIdx = (p - 1) * maxView;
	allP = Math.ceil(count / maxView);        
      //---
      
      var obj = document.getElementById(id);            
	  
      var buf = '<div id="photos">';
      for(i = lIdx; i < rIdx; i++){	 
		 buf += "<div class='photka_mal'><img onClick=\"setData('"+ id +"', "+ i +");\" src='"+imgS[i].src+"'  /></div>";
      }
      buf += "</div>";
      obj.innerHTML = buf;
    
    }
    
    function nextBlock(id){
            
      if((p + 1) <= allP){ 
         p += 1;
         showBlock(id);
      }else{
        p = 1;
        showBlock(id);
      }
    
    }   
    
    function previousBlock(id){
      
      if((p - 1) > 0){ 
        p -= 1;
        showBlock(id);
      }else{
        p = allP;
        showBlock(id);
      }
    
    }    
    
   loadImage();