<script type="text/javascript">
    window.onload = function(){
    var main = document.getElementById("main");
    var ul=main.getElementsByTagName("ul")[0];
    var lis = ul.getElementsByTagName("li");
    var divs=main.getElementsByTagName("div");

    for (var i=0; i<lis.length;i++){
        lis[i].index = i;
        lis[i].onclick=function(){
            for(var n=0;n<lis.length;n++){
                divs[n].className="hide";                
                lis[n].className="";
            }
            
            this.className="on";
            divs[this.index].className="";
        }  
            
            
          
        }
    }