// 二个面板的切换函数
/*
op1、op5 表示当前层的ID全名
op2 表示另一个层的ID全名
op3 表示第一个显示数据的层的ID全名
op4 表示第二个显示数据的层的ID全名
*/
function doClick(op1, op2, op3, op4, op5) {
    var control1 = document.getElementById(op1);
    var control2 = document.getElementById(op2);
    if (op1 == op5) {
        control1.className = "toggle1"; control2.className = "toggle3";
        document.getElementById(op4).style.display = "none";
        document.getElementById(op3).style.display = "block";
    } else {
        control1.className = "toggle1"; control2.className = "toggle3";
        document.getElementById(op3).style.display = "none";
        document.getElementById(op4).style.display = "block";
    }
}
/*
三个及以上的面板切换函数
groupName 表示Tab组ID前缀
groupDisplay  表示面板组ID前缀
keyNum 表示Tab组ID后缀和面板组ID后缀
divNum 表示切换层的个数
*/
function dis(groupName, keyNum, groupDisplay, divNum) {
    for (var i = 1; i <= divNum; i++) {
        if (keyNum == i) {
            document.getElementById(groupName + i).className = "toggle1";
            document.getElementById(groupDisplay + i).style.display = "block";
        } else {
            document.getElementById(groupName + i).className = "toggle3";
            document.getElementById(groupDisplay + i).style.display = "none";
        }
    }
}

function dis4(groupName, keyNum, groupDisplay, divNum) {
    for (var i = 1; i <= divNum; i++) {
        if (keyNum == i) {
            document.getElementById(groupName + i).className = "toggle11";
            document.getElementById(groupDisplay + i).style.display = "block";
        } else {
            document.getElementById(groupName + i).className = "toggle33";
            document.getElementById(groupDisplay + i).style.display = "none";
        }
    }
}

function dis3(groupName, keyNum, groupDisplay, divNum) {
    for (var i = 1; i <= divNum; i++) {
        if (keyNum == i) {
            document.getElementById(groupName + i).className = "toggle10";
            document.getElementById(groupDisplay + i).style.display = "block";
        } else {
            document.getElementById(groupName + i).className = "toggle11";
            document.getElementById(groupDisplay + i).style.display = "none";
        }
    }
}
function dis2(groupName, keyNum, groupDisplay, divNum) {
    for (var i = 1; i <= divNum; i++) {
        if (keyNum == i) {
            document.getElementById(groupName + i).className = "toggle-a";
            document.getElementById(groupDisplay + i).style.display = "block";
        } else {
            document.getElementById(groupName + i).className = "toggle-d";
            document.getElementById(groupDisplay + i).style.display = "none";
        }
    }
}
function ChangeTab(groupName, keyNum, groupDisplay, divNum) {
    for (var i = 1; i <= divNum; i++) {
        if (keyNum == i) {
            document.getElementById(groupName + i).className = "bg-white-3";
            document.getElementById(groupDisplay + i).style.display = "block";
        } else {
            document.getElementById(groupName + i).className = "bg-gray-3";
            document.getElementById(groupDisplay + i).style.display = "none";
        }
    }
}