关于编程挑战（选项卡切换）

 window.onload = function(){

     var oTab = document.getElementById("tabs");

     var oUl = oTab.getElementsByTagName("ul")[0];

     var oLi = oUl.getElementsByTagName("li");

     var oDiv = oTab.getElementsByTagName("div");

     for(var i=0; i<oLi.length;i++){

         oLi[i].index = i;

         oLi[i].onclick = function(){

             for(var n=0;n<oLi.length;n++){

                 oLi[n].className = "";

                 oDiv[n].className = "hide";

             }

             this.className = "on";

             oDiv[this.index].className = "";

         }

     };

}

这一串JS代码中，for语句里面的 oLi[i].index = i;是什么意思？还有第二个for语句的作用是什么？哪个大神能帮帮忙好好解释下整个JS的流程是干嘛的？