var teamsAFCWest = new Array();
var teamsAFCNorth = new Array();
var teamsAFCSouth = new Array();
var teamsAFCEest = new Array();
var teamsNFCWest = new Array();
var teamsNFCNorth = new Array();
var teamsNFCSouth = new Array();
var teamsNFCEest = new Array();

function clearTeams(idList) {
    for (i = 0; i < idList.length; i++) {
        document.getElementById(idList[i]).style.display = 'none';
    }
}
function displayTeam(id) {
    document.getElementById(id).style.display = '';
}
function displayTeams(idList) {
    for (i = 0; i < idList.length; i++) {
        displayTeam(idList[i]);
    }
}
function displayAFCWest() {
    displayTeams(teamsAFCWest);
}
function displayAFCNorth() {
    displayTeams(teamsAFCNorth);
}
function displayAFCSouth() {
    displayTeams(teamsAFCSouth);
}
function displayAFCEest() {
    displayTeams(teamsAFCEest);
}
function displayNFCWest() {
    displayTeams(teamsNFCWest);
}
function displayNFCNorth() {
    displayTeams(teamsNFCNorth);
}
function displayNFCSouth() {
    displayTeams(teamsNFCSouth);
}
function displayNFCEest() {
    displayTeams(teamsNFCEest);
}

var isClear = true;
function allTeamsClear() {
    if (isClear == false) {
        isClear = true;
        return;
    }
    clearTeams(teamsAFCWest);
    clearTeams(teamsAFCNorth);
    clearTeams(teamsAFCSouth);
    clearTeams(teamsAFCEest);
    clearTeams(teamsNFCWest);
    clearTeams(teamsNFCNorth);
    clearTeams(teamsNFCSouth);
    clearTeams(teamsNFCEest);
}

function noClear() {
    isClear = false;
}

function onloadInit() {

    /**
     * ドキュメントロード時の初期化を行う。
     *
     */
    /**
     * チーム名を初期化。
     * この文字列が、各チームのIDとなっている。
     */
    /**
     * AFC WEST
     */
    teamsAFCWest[0] = 'Denver-BRONCOS'    ;
    teamsAFCWest[1] = 'Kansas-City-CHIEFS';
    teamsAFCWest[2] = 'Oakland-RAIDERS'   ;
    teamsAFCWest[3] = 'San-Diego-CHARGERS';

    /**
     * AFC NORTH
     */
    teamsAFCNorth[0] = 'Baltimore-RAVENS'    ;
    teamsAFCNorth[1] = 'Cincinnati-BENGALS'  ;
    teamsAFCNorth[2] = 'Clevland-BROWNS'     ;
    teamsAFCNorth[3] = 'Pittsburgh-STEELERS' ;

    /**
     * AFC SOUTH
     */
    teamsAFCSouth[0] = 'Indianapolis-COLTS'  ;
    teamsAFCSouth[1] = 'Jacksonville-JAGUARS';
    teamsAFCSouth[2] = 'Tennessee-TITANS'    ;
    teamsAFCSouth[3] = 'Houston-TEXANS'      ;

    /**
     * AFC EAST
     */
    teamsAFCEest[0] = 'Buffalo-BILLS'       ;
    teamsAFCEest[1] = 'Miami-DOLPHINS'      ;
    teamsAFCEest[2] = 'New-England-PATRIOTS';
    teamsAFCEest[3] = 'New-York-JETS'       ;

    /**
     * NFC WEST
     */
    teamsNFCWest[0] = 'Arizona-CARDINALS'  ;
    teamsNFCWest[1] = 'San-Francisco-49ERS';
    teamsNFCWest[2] = 'Seattle-SEAHAWKS'   ;
    teamsNFCWest[3] = 'St--Louis-RAMS'     ;

    /**
     * NFC NORTH
     */
    teamsNFCNorth[0] = 'Chicago-BEARS'    ;
    teamsNFCNorth[1] = 'Detroit-LIONS'    ;
    teamsNFCNorth[2] = 'Green-Bay-PACKERS';
    teamsNFCNorth[3] = 'Minnesota-VIKINGS';

    /**
     * NFC SOUTH
     */
    teamsNFCSouth[0] = 'Atlanta-FALCONS'     ;
    teamsNFCSouth[1] = 'Carolina-PANTHERS'   ;
    teamsNFCSouth[2] = 'Tampa-Bay-BUCCANEERS';
    teamsNFCSouth[3] = 'New-Orleans-SAINTS'  ;

    /**
     * NFC EAST
     */
    teamsNFCEest[0] = 'Dallas-COWBOYS'     ;
    teamsNFCEest[1] = 'New-York-GIANTS'    ;
    teamsNFCEest[2] = 'Philadelphia-EAGLES';
    teamsNFCEest[3] = 'Washington-REDSKINS';

    allTeamsClear();
    document.getElementById('afc-west').style.display  = 'none';
    document.getElementById('afc-north').style.display = 'none';
    document.getElementById('afc-south').style.display = 'none';
    document.getElementById('afc-east').style.display  = 'none';
    document.getElementById('nfc-west').style.display  = 'none';
    document.getElementById('nfc-north').style.display = 'none';
    document.getElementById('nfc-south').style.display = 'none';
    document.getElementById('nfc-east').style.display  = 'none';

    /**
     * IEが、StyleListのlengthアトリビュートを、認識できないので、
     * 一旦非表示にして、再度表示する。
     * IEは、再表示のステップまで、たどり着けない。
     */
    document.getElementById('jtoeLine').style.display  = 'none';

    var styleList = document.styleSheets;
    for (var i = 0; i < styleList.length; i ++) {
        var styleSheet = styleList.item(i);
        var cssRuleList = styleSheet.cssRules;
        for (var j = 0; j < cssRuleList.length; j ++) {
            var cssRuleItem = cssRuleList.item(j);
            /*
             * 初期表示は、日本語
             */
            if (cssRuleItem.selectorText == '.en') {
                cssRuleItem.style.display = 'none';
            }
            else if (cssRuleItem.selectorText == '.jp') {
                cssRuleItem.style.display = '';
            }
        }
    }
    /**
     * 日本語英語の切り替え行を、再表示する。
     */
    document.getElementById('jtoeLine').style.display  = '';
}


var isAFCDisplay = false;
var isNFCDisplay = false;

function teamDisplay(conference) {
    var isDisplay;
    if (conference == 'afc') {
        isDisplay = ! isAFCDisplay;
        isAFCDisplay = ! isAFCDisplay;
    }
    else {
        isDisplay = ! isNFCDisplay;
        isNFCDisplay = ! isNFCDisplay;
    }
    var displayValu;
    if (isDisplay) {
        displayValu = '';
    }
    else {
        displayValu = 'none';
    }
    document.getElementById(conference+'-west').style.display  = displayValu;
    document.getElementById(conference+'-north').style.display = displayValu;
    document.getElementById(conference+'-south').style.display = displayValu;
    document.getElementById(conference+'-east').style.display  = displayValu;

    topMarkChange(conference, isDisplay);
}

function topMarkChange(conference, isDisplay) {
    var topMark;
    if (isDisplay) {
        topMark = '−';
    }
    else {
        topMark = '＋';
    }
    var topMarkEle = document.getElementById(conference+'-topMark');
    textNodeChange(topMarkEle, topMark);
}


var isJapanese = true;

function jtoe() {
    isJapanese = ! isJapanese;
    var jtoeEle = document.getElementById('jtoe');
    var dispJ;
    var dispE;
    if (isJapanese) {
        textNodeChange(jtoeEle, '英語');
        dispJ = '';
        dispE = 'none';
    }
    else {
        textNodeChange(jtoeEle, '日本語');
        dispJ = 'none';
        dispE = '';
    }
    var _styleList = document.styleSheets;
    for (var i = 0; i < _styleList.length; i ++) {
        var _styleSheet = _styleList.item(i);
        var _cssRuleList = _styleSheet.cssRules;
        for (var j = 0; j < _cssRuleList.length; j ++) {
            var cssRuleItem = _cssRuleList.item(j);
            /*
             * 初期表示は、日本語
             */
            if (cssRuleItem.selectorText == '.en') {
                cssRuleItem.style.display = dispE;
            }
            else if (cssRuleItem.selectorText == '.jp') {
                cssRuleItem.style.display = dispJ;
            }
        }
    }
}