Как сделать табы?

window.onload = function(){
    var tabs = document.getElementById("tabs").childNodes;
    var areas = document.getElementById("area").childNodes;
 
    //Вешаем обработчики по клику на таб
    n = 1;
    for(i=0;i<tabs.length;i++){
        if(tabs[i].nodeType == 1){
            tabs[i].onclick = toggleTab;
            tabs[i].tabID = n;
            n++;
        }
    }
    
    //Присваиваем идентификаторы для рабочих областей
    n = 1;
    for(i=0;i<areas.length;i++){
        if(areas[i].nodeType == 1){
            areas[i].areaID = n;
            n++;
        }
    }
 
}
 
 
// Функция обработки табов
function toggleTab() {
    var tabs = document.getElementById("tabs").childNodes;
    var areas = document.getElementById("area").childNodes;
 
    //Присваиваем активность закладке по которой кликнули
    for(i=0;i<tabs.length;i++){
        if(tabs[i].nodeType == 1){
            tabs[i].className = "";
            if(tabs[i].tabID == this.tabID) {
                this.className = "current";
            }
        }
    }
    
    //Скрываем текущую рабочую область и показываем ту которая связана с закладкой
    for(i=0;i<areas.length;i++){
        if(areas[i].nodeType == 1){
            areas[i].className = areas[i].className.replace(/visible/, "");
            if(areas[i].areaID == this.tabID){
                areas[i].className += " visible";
            }
        }
    }
}