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";
                        }
                }
        }
}