<script type="text/javascript">
    window.onload=function(){
        var oTab=document.getElementById("tab");
        var oUl=oTab.getElementByTagName("ul")[0];
        var oLi=oUl.getElementByTagName("li");
        var oDiv=oTab.getElementByTagName("div");
        for (var i = 0,len=oLi.length; i<len; i++) {
            oLi[i].index=i;
            oLi[i].onclick=function(){
                for(var n=0;n<len;n++){
                    oLi[n].className="";
                    oDiv[n].className="hide";
                }
                this.className="on";
                oDiv[this.index].className="";
            }
        };
    }
</script>