Nedbrydning af kodestump

Jeg sidder med et kodeeksempel fra  http://www.dynamicdrive.com/dynamicindex1/navigate1.htm , og prøver at forstå det:

    function change()
    {
        var srcIndex = event.srcElement.sourceIndex
          var nested = document.all[srcIndex+1]
     
          if(nested.style.display == \"none\")
        {
                nested.style.display=\'\'
                event.srcElement.style.listStyleImage=\"url(open.gif)\"
        }
        else
        {
              nested.style.display=\"none\"
              event.srcElement.style.listStyleImage=\"url(fold.gif)\"
        }
       
    }

flg spørgsmål melder sig umiddelbart:
Hvad er \"event.srcElement.sourceIndex\"?
Hvad er \"document.all\"?