var bBall = 'a'

function showInfo(layer, button, oLink) {
    //alert(oLink)
    document.getElementById(layer).style.display = 'block'
    document.getElementById(oLink).className = 'active'
    bBall = button
    fResetAll(layer);
}


//Hardcode reset all but active layer
function fResetAll(layer) {
    if (layer == 'spotA') {
        _fResetAllHelper(document.getElementById('spotB'), document.getElementById('button_b'), document.getElementById('link_b'));
        _fResetAllHelper(document.getElementById('spotC'), document.getElementById('button_c'), document.getElementById('link_c'));
        _fResetAllHelper(document.getElementById('spotD'), document.getElementById('button_d'), document.getElementById('link_d'));
        _fResetAllHelper(document.getElementById('spotE'), document.getElementById('button_e'), document.getElementById('link_e'));
        _fResetAllHelper(document.getElementById('spotF'), document.getElementById('button_f'), document.getElementById('link_f'));
        _fResetAllHelper(document.getElementById('spotG'), document.getElementById('button_g'), document.getElementById('link_g'));
        _fResetAllHelper(document.getElementById('spotH'), document.getElementById('button_h'), document.getElementById('link_h'));
    }
    if (layer == 'spotB') {
        _fResetAllHelper(document.getElementById('spotA'), document.getElementById('button_a'), document.getElementById('link_a'));
        _fResetAllHelper(document.getElementById('spotC'), document.getElementById('button_c'), document.getElementById('link_c'));
        _fResetAllHelper(document.getElementById('spotD'), document.getElementById('button_d'), document.getElementById('link_d'));
        _fResetAllHelper(document.getElementById('spotE'), document.getElementById('button_e'), document.getElementById('link_e'));
        _fResetAllHelper(document.getElementById('spotF'), document.getElementById('button_f'), document.getElementById('link_f'));
        _fResetAllHelper(document.getElementById('spotG'), document.getElementById('button_g'), document.getElementById('link_g'));
        _fResetAllHelper(document.getElementById('spotH'), document.getElementById('button_h'), document.getElementById('link_h'));
    }
    if (layer == 'spotC') {
        _fResetAllHelper(document.getElementById('spotA'), document.getElementById('button_a'), document.getElementById('link_a'));
        _fResetAllHelper(document.getElementById('spotB'), document.getElementById('button_b'), document.getElementById('link_b'));
        _fResetAllHelper(document.getElementById('spotD'), document.getElementById('button_d'), document.getElementById('link_d'));
        _fResetAllHelper(document.getElementById('spotE'), document.getElementById('button_e'), document.getElementById('link_e'));
        _fResetAllHelper(document.getElementById('spotF'), document.getElementById('button_f'), document.getElementById('link_f'));
        _fResetAllHelper(document.getElementById('spotG'), document.getElementById('button_g'), document.getElementById('link_g'));
        _fResetAllHelper(document.getElementById('spotH'), document.getElementById('button_h'), document.getElementById('link_h'));
    }
    if (layer == 'spotD') {
        _fResetAllHelper(document.getElementById('spotA'), document.getElementById('button_a'), document.getElementById('link_a'));
        _fResetAllHelper(document.getElementById('spotB'), document.getElementById('button_b'), document.getElementById('link_b'));
        _fResetAllHelper(document.getElementById('spotC'), document.getElementById('button_c'), document.getElementById('link_c'));
        _fResetAllHelper(document.getElementById('spotE'), document.getElementById('button_e'), document.getElementById('link_e'));
        _fResetAllHelper(document.getElementById('spotF'), document.getElementById('button_f'), document.getElementById('link_f'));
        _fResetAllHelper(document.getElementById('spotG'), document.getElementById('button_g'), document.getElementById('link_g'));
        _fResetAllHelper(document.getElementById('spotH'), document.getElementById('button_h'), document.getElementById('link_h'));
    }
    if (layer == 'spotE') {
        _fResetAllHelper(document.getElementById('spotA'), document.getElementById('button_a'), document.getElementById('link_a'));
        _fResetAllHelper(document.getElementById('spotB'), document.getElementById('button_b'), document.getElementById('link_b'));
        _fResetAllHelper(document.getElementById('spotC'), document.getElementById('button_c'), document.getElementById('link_c'));
        _fResetAllHelper(document.getElementById('spotD'), document.getElementById('button_d'), document.getElementById('link_d'));
        _fResetAllHelper(document.getElementById('spotF'), document.getElementById('button_f'), document.getElementById('link_f'));
        _fResetAllHelper(document.getElementById('spotG'), document.getElementById('button_g'), document.getElementById('link_g'));
        _fResetAllHelper(document.getElementById('spotH'), document.getElementById('button_h'), document.getElementById('link_h'));
    }
    if (layer == 'spotF') {
        _fResetAllHelper(document.getElementById('spotA'), document.getElementById('button_a'), document.getElementById('link_a'));
        _fResetAllHelper(document.getElementById('spotB'), document.getElementById('button_b'), document.getElementById('link_b'));
        _fResetAllHelper(document.getElementById('spotC'), document.getElementById('button_c'), document.getElementById('link_c'));
        _fResetAllHelper(document.getElementById('spotD'), document.getElementById('button_d'), document.getElementById('link_d'));
        _fResetAllHelper(document.getElementById('spotE'), document.getElementById('button_e'), document.getElementById('link_e'));
        _fResetAllHelper(document.getElementById('spotG'), document.getElementById('button_g'), document.getElementById('link_g'));
        _fResetAllHelper(document.getElementById('spotH'), document.getElementById('button_h'), document.getElementById('link_h'));
    }
    if (layer == 'spotG') {
        _fResetAllHelper(document.getElementById('spotA'), document.getElementById('button_a'), document.getElementById('link_a'));
        _fResetAllHelper(document.getElementById('spotB'), document.getElementById('button_b'), document.getElementById('link_b'));
        _fResetAllHelper(document.getElementById('spotC'), document.getElementById('button_c'), document.getElementById('link_c'));
        _fResetAllHelper(document.getElementById('spotD'), document.getElementById('button_d'), document.getElementById('link_d'));
        _fResetAllHelper(document.getElementById('spotE'), document.getElementById('button_e'), document.getElementById('link_e'));
        _fResetAllHelper(document.getElementById('spotF'), document.getElementById('button_f'), document.getElementById('link_f'));
        _fResetAllHelper(document.getElementById('spotH'), document.getElementById('button_h'), document.getElementById('link_h'));
    }
    if (layer == 'spotH') {
        _fResetAllHelper(document.getElementById('spotA'), document.getElementById('button_a'), document.getElementById('link_a'));
        _fResetAllHelper(document.getElementById('spotB'), document.getElementById('button_b'), document.getElementById('link_b'));
        _fResetAllHelper(document.getElementById('spotC'), document.getElementById('button_c'), document.getElementById('link_c'));
        _fResetAllHelper(document.getElementById('spotD'), document.getElementById('button_d'), document.getElementById('link_d'));
        _fResetAllHelper(document.getElementById('spotE'), document.getElementById('button_e'), document.getElementById('link_e'));
        _fResetAllHelper(document.getElementById('spotF'), document.getElementById('button_f'), document.getElementById('link_f'));
        _fResetAllHelper(document.getElementById('spotG'), document.getElementById('button_g'), document.getElementById('link_g'));
    }
    if (layer == 'ALL') {
        _fResetAllHelper(document.getElementById('spotA'), document.getElementById('button_a'), document.getElementById('link_a'));
        _fResetAllHelper(document.getElementById('spotB'), document.getElementById('button_b'), document.getElementById('link_b'));
        _fResetAllHelper(document.getElementById('spotC'), document.getElementById('button_c'), document.getElementById('link_c'));
        _fResetAllHelper(document.getElementById('spotD'), document.getElementById('button_d'), document.getElementById('link_d'));
        _fResetAllHelper(document.getElementById('spotE'), document.getElementById('button_e'), document.getElementById('link_e'));
        _fResetAllHelper(document.getElementById('spotF'), document.getElementById('button_f'), document.getElementById('link_f'));
        _fResetAllHelper(document.getElementById('spotG'), document.getElementById('button_g'), document.getElementById('link_g'));
        _fResetAllHelper(document.getElementById('spotH'), document.getElementById('button_h'), document.getElementById('link_h'));
    }
}
function _fResetAllHelper(spot, btn, link) {
    if (spot != null) {
        spot.style.display = 'none';
    }
    if (btn != null) {
        btn.src = 'Images/greyButton.png';
    }
    if (link != null) {
        link.className = '';
    }
}
function fChangeButton(button, box) {
    document.getElementById(button).src = 'Images/blueButton.png'
}

function fResetButton(button, box) {
    if (bBall != button) document.getElementById(button).src = 'Images/greyButton.png'
}
/****************************************************
ETC
****************************************************/
function showETCinfo(layer) {
    var oNode = document.getElementById('spots');
    //var oChild = ( oNode.nextSibling.nodeType == 1 ? oNode.nextSibling : oNode.nextSibling.nextSibling );//Netscape lægger også en værdi (nextsibling) efter tagget
    for (var i = 0; i < oNode.childNodes.length; i++) {
        if (oNode.childNodes[i].className == 'spot') {
            oNode.childNodes[i].style.display = 'none';
        }
    }
    document.getElementById(layer).style.display = 'block'
}