current = 0;

function registerOnClickHandler(aElementType, aLinkClass, aCallbackFunc) {
  
  
  
  if(aLinkClass.length == aCallbackFunc.length) {
      
      
      for(var i=0; i<aElementType.length; ++i) {
      
        var aElementy = document.getElementsByTagName(aElementType[i]); // pobieranie elementow o podanym typie
        
            for(var j=0; j<aElementy.length; ++j ) { // przegladanie tablicy elementow
            
                for(var k=0; k<aLinkClass.length; ++k) {
                     
                      if( aElementy[j].className==aLinkClass[k] ) // jeśli element jest podanej klasy
                      {
                              aElementy[j].onclick = aCallbackFunc[k]; // rejestrowanie funkcji zwrotnej
                              
                      }
                            
                            
                }               
                
            
            }  // wyszukiwanie i rejestrowanie elementow spelniajacych kryteria
      
      }
        
  } // jesli poprawne argumenty, pary do siebie pasuja
  
  else {
    
    alert(aElementType);
    alert(aLinkClass);
    alert(aCallbackFunc);
    
  }
  
}

function refresh(iPhotos, current) {
  //alert(iPhotos + ' ' + current);
  var navi = iPhotos[iPhotos.length-1];
  navi.childNodes[1].innerHTML = (current+1)+'/'+(iPhotos.length-1);
  if(current==0) navi.childNodes[0].innerHTML = '<span class="brak">&laquo;</span>';
  else navi.childNodes[0].innerHTML = '&laquo;';
  if(current==iPhotos.length-2) navi.childNodes[2].innerHTML = '<span class="brak">&raquo;</span>'; // -2 bo tablica zawieta oprocz fotek, tez element li z nawigacja
  else navi.childNodes[2].innerHTML = '&raquo;';
  
  if(current-1 >= 0) iPhotos[current-1].style.display='none';
  if(current+1 < iPhotos.length-1) iPhotos[current+1].style.display='none';
  iPhotos[current].style.display='inline';
  
}

function setIMG(e) {
  
  if (!e) {
    var link = window.event.srcElement; // dla IE
  }
  else var link = e.target; // dla DOM
    
  var iPhotos = link.parentNode.parentNode.childNodes;
  
  if(link.className=='wstecz' && link.parentNode.current > 0 ) {
      --link.parentNode.current;
      refresh(iPhotos, link.parentNode.current);
  }
  if(link.className=='dalej' && link.parentNode.current+1 < iPhotos.length-1) {
      ++link.parentNode.current;
      refresh(iPhotos, link.parentNode.current);
  }
     
}

function showBanner() {
    
}


function init(sClassName) {

  showBanner();
    
  var elementList = document.getElementsByClassName(sClassName); // pobranie elementow danej klasy
  
  var aElementType = new Array('a', 'img'); // rejestruj zdarzenia dla typow
  var aLinkClass = new Array('wstecz', 'dalej'); 
  var aCallbackFunc = new Array(setIMG, setIMG);
  
  
  
  
  
  
  for(var i=0; i < elementList.length; ++i) {
        
        var current = 0;
        elementList[i].style.visibility='visible'; 
        
        //alert(elementList[i].style.visibility.nodeValue);
        
        // usuwanie zbednych elementow
        
        //alert(elementList[i].childNodes.length);
        
        for(var j=0; j < elementList[i].childNodes.length; ++j)
          if(elementList[i].childNodes[j].nodeName != 'LI') elementList[i].removeChild(elementList[i].childNodes[j]);
          else elementList[i].childNodes[j].nodeValue;
          
        //alert(elementList[i].childNodes.length);
               
        for(var j=0; j < elementList[i].childNodes.length; ++j ) {
        
              ///*
              if(j==current && elementList[i].childNodes[j].nodeName == 'LI')
                elementList[i].childNodes[j].style.display='inline';
              else if(elementList[i].childNodes[j].nodeName == 'LI')
                elementList[i].childNodes[j].style.display='none';
              //*/
              //alert(elementList[i].childNodes[j]);
        
        } // for
        
        if( elementList[i].childNodes.length > 1) {
        
        var navi = document.createElement('li'); // przelacznik fotek
        Element.extend(navi);
        navi.addClassName('navi');
        navi.current = current;
                
        var naviWstecz = document.createElement('a');
        Element.extend(naviWstecz);
        naviWstecz.setAttribute('href', '#wstecz');
        naviWstecz.addClassName('wstecz');
        naviWstecz.innerHTML = '<span class="brak">&laquo;</span>';
        
        var naviStatus = document.createElement('span');
        naviStatus.innerHTML = (current+1)+'/'+elementList[i].childNodes.length;
                        
        var naviDalej = document.createElement('a');
        Element.extend(naviDalej);
        naviDalej.setAttribute('href', '#dalej');
        naviDalej.addClassName('dalej');
        naviDalej.innerHTML = ' &raquo; ';
        
        navi.appendChild(naviWstecz);
        navi.appendChild(naviStatus);
        navi.appendChild(naviDalej);
        
        elementList[i].appendChild(navi); // wrzucanie przelacznika fotek
        
        } // jesli jest wiecej niz jedno zdjecie
        
        else {
          
          var powieksz = document.createElement('li');
          
          powieksz.innerHTML = '<span>Kliknij w miniaturę aby powiększyć</span>';
          
          elementList[i].appendChild(powieksz); // wrzucenie linku powieksz
        
        } // jesli 1 zdjęcie
                
    }
    
    registerOnClickHandler(aElementType, aLinkClass, aCallbackFunc); // rejestrowanie obslugi zdarzenia onclick
    
  
}