window.onload = function() {zwin_init();}

    function zwin_init()
    {
           var obiekty = getElementsByClassName("zwin");
           var tytuly;

           for(var i=0;i<obiekty.length;i++)
           {
              tytuly = obiekty[i].getElementsByTagName('dt');
              for(var j=0;j<tytuly.length;j++)
             {
                tytuly[j].innerHTML += '<span><img src="images/down.gif" alt="rozwiń" />rozwin</span>';
                 tytuly[j].nextSibling.style.display="none";
                 tytuly[j].onclick = function() {zwin(this)};
              }
           }
    }

    function zwin(elem)
    {
           var obiekt = elem.nextSibling;

           if(obiekt.style.display=="none")
           {
              elem.getElementsByTagName('span')[0].innerHTML = '<img src="images/up.gif" alt="zwiń" />zwin';
              obiekt.style.display="block";
           }
           else
           {
              elem.getElementsByTagName('span')[0].innerHTML = '<img src="images/down.gif" alt="rozwiń" />zwin';
              obiekt.style.display="none";
           }
    }

    function getElementsByClassName(nazwa)//pobiera z dokumentu elementy o wskazanej nazwie clasy
    {
              var obiekty = document.getElementsByTagName('*');
              var wynik = [];
              for(var i=0;i<obiekty.length;i++)
              {
                 if(obiekty[i].className == nazwa)
                    wynik[wynik.length] = obiekty[i];
              }
              return wynik;
    }