window.addEvent('domready', function(){
    var myAccordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
        show: 0,
        opacity: false,
        alwaysHide: false,
        onActive: function(toggler, element){
            toggler.setStyle('background', 'url(images/minus.png) top left no-repeat');
        },
        onBackground: function(toggler, element){
            toggler.setStyle('background', 'url(images/plus.png) top left no-repeat');
        },
        onComplete: function(){
            //myAccordion.previous // aktualny element
            //myAccordion.display(0) // wyświetl element o podanym indeksie
            //myAccordion.elements.length // liczba elementów			
        }
    });
    
    $$('.previous').addEvent('click', function(){
        var liczba_miast = myAccordion.elements.length;
        var aktualne_miasto = myAccordion.previous;
        if (aktualne_miasto != 0) {
            myAccordion.display(aktualne_miasto - 1);
        }
        else {
            myAccordion.display(liczba_miast - 1);
        }
    });
    
    $$('.next').addEvent('click', function(){
        var liczba_miast = myAccordion.elements.length;
        var aktualne_miasto = myAccordion.previous;
        if (aktualne_miasto != liczba_miast - 1) {
            myAccordion.display(aktualne_miasto + 1);
        }
        else {
            myAccordion.display(0);
        }
    });
    
    $$('.first').addEvent('click', function(){
        myAccordion.display(0);
    });
    
    
});