﻿function toggle4(linkOpenId, linkCloseId, divToDisplay) {
    //ex : divToDisplay = myDiv_1, linkOpenId = myOpenLink_1 linkCloseId = myCloseLink_1 
    var x = document.getElementsByTagName('div');
    for (var i = 0; i < x.length; i++) {
        var linkOpenRoot = (linkOpenId.split("_"))[0];
        var linkCloseRoot = (linkCloseId.split("_"))[0];
        var divRoot = (divToDisplay.split("_"))[0];

        if ((x[i].id.split("_"))[0] == divRoot) {
            pos = (x[i].id.split("_"))[1];
            if (pos != (divToDisplay.split("_"))[1]) {
                x[i].style.display = 'none';
                document.getElementById(linkOpenId).style.display = 'block';
                document.getElementById(linkCloseId).style.display = 'none';
            }
        }
        
        if ((x[i].id.split("_"))[0] == linkOpenRoot) {
            pos = (x[i].id.split("_"))[1];
            if (pos != (divToDisplay.split("_"))[1]) {
                x[i].style.display = 'block';                
            }
        }
        if ((x[i].id.split("_"))[0] == linkCloseRoot) {
            pos = (x[i].id.split("_"))[1];
            if (pos != (divToDisplay.split("_"))[1]) {
                x[i].style.display = 'none';              
            }
        }
    }

    if (document.getElementById(divToDisplay).style.display == 'none') {
        document.getElementById(divToDisplay).style.display = 'block';
        document.getElementById(linkOpenId).style.display = 'none';
        document.getElementById(linkCloseId).style.display = 'block';
    } else {
        document.getElementById(divToDisplay).style.display = 'none';
        document.getElementById(linkOpenId).style.display = 'block';
        document.getElementById(linkCloseId).style.display = 'none';
    }

}
