var main_container = null;

function InitTables(container) {
    main_container = document.getElementById(container);
    HideTableData();
    ShowTableDataByIndex(1);
}

function HideTableData() {
    if (main_container) {
        var divs = main_container.getElementsByTagName("div");
        for(var i = 0; i < divs.length; i++) {
            if((divs[i].className != undefined) && (divs[i].className == "table_wrap")) {
                divs[i].style.display = "none";
            }
        }
    }
}

function ShowTableDataById(id) {
    HideTableData();
    var div = document.getElementById(id);
    if(div) {
        div.style.display = "block";
    }
}

function ShowTableDataByIndex(index) {
    var validCount = 0;
    if (main_container) {
        var divs = main_container.getElementsByTagName("div");
        for(var i = 0; i < divs.length; i++) {
            if((divs[i].className != undefined) && (divs[i].className == "table_wrap")) {
                // pre-increment to make this a 1-based function
                validCount++;
                if(validCount == index) {
                    divs[i].style.display = "block";
                } else {
                    divs[i].style.display = "none";            
                }
            }
        }
    }
}