var TAB_COUNTER = 0

var TAB_CONTAINER_ID = null;
function tab_create(data) {

    if (data.id == null) {
        data.id = "tab_"+TAB_COUNTER;
    }

    if (data.label == null) {
        data.label = "TAB #"+TAB_COUNTER;
    }

    var tab = document.createElement("div");

    tab.id        = data.id;
    tab.innerHTML = data.label;
    tab.type      = "tab";
    tab.className = "tab_off";

    if (data.click != null) {
        tab.onclick = new Function(data.click);
    }

    if (data.display == false) {
        tab.style.display = "none";
    }

    TAB_COUNTER++;

    return tab;
}

function tab_add(tab) {

    var container = document.getElementById(TAB_CONTAINER_ID);

    if (container.childNodes.length > 0) {

        var sep = null;
	for (var i=0; i<2; i++) {
            sep = document.createElement("div");
	    sep.className = "tab_sep_off";
	    sep.type = "sep";
            container.appendChild(sep);
	}
    }

    container.appendChild(tab);
}

function tab_select(tab) {

    var current = document.getElementById(tab);
    if (current == null) {
        return;
    }
    var container = document.getElementById(TAB_CONTAINER_ID);

    if (current.previousSibling != null) {
        current.previousSibling.className = "tab_sep_on";
    }
    current.className = "tab_on";
    if (current.nextSibling != null) {
        current.nextSibling.className = "tab_sep_on";
    }
}

var TAB_DONE = true;