//function to show(Hide) Long names or 2-letter abbreviations for countries

// You can supply a value to toggleLS, but null should work too.
function toggleLS(countryCode) {
    if (countryCode == 'long')
        setLong();
    else
        setShort();

}


function setLong() {
    // There may be multiple headers on pages that show more than one group.
    var fullHeaders = document.getElementsByClassName("fullHeader");
    for (var i = 0; i < fullHeaders.length; i++) {
        fullHeaders[i].style.display = '';
            //show long country codes
    }

    var abbrevHeaders = document.getElementsByClassName("abbrevHeader");
    for (var i = 0; i < abbrevHeaders.length; i++) {
        abbrevHeaders[i].style.display = 'none';
        //Hide short country codes
    }

    setToggle("short");

}

function setShort() {
    var fullHeaders = document.getElementsByClassName("fullHeader");
    for (var i = 0; i < fullHeaders.length; i++) {
        fullHeaders[i].style.display = 'none';
            //show long country codes
    }

    var abbrevHeaders = document.getElementsByClassName("abbrevHeader");
    for (var i = 0; i < abbrevHeaders.length; i++) {
        abbrevHeaders[i].style.display = '';
        //Hide short country codes
    }

    setToggle("long");
}

function setToggle(message) {
    // Some pages, (e.g. pickVariables.do) do not have a ToggleMessage, so check for null
    var short = document.getElementById("shortCodesToggleMessage")
    var long = document.getElementById("longCodesToggleMessage")

    if (short == null || long == null)
        return;
    if (message == "short") {
        short.style.display = '';
        long.style.display = 'none';
    } else if (message == "long") {
        short.style.display = 'none';
        long.style.display = '';

    }
}