class Question{
    constructor(){
        this.question = 0;
        this.answer = new Array(CHOICE_NUMBER).fill(0);
        this.people = new Array(CHOICE_NUMBER).fill(0);
        this.realAnswer = 0;
        this.choiceA = 0;
        this.choiceB = 0;
        this.choiceC = 0;
        this.choiceD = 0;
    }
    join(question, realAnswer, choiceA, choiceB, choiceC, choiceD){
        this.question = question;
        this.realAnwer = realAnswer;
        this.choiceA = choiceA;
        this.choiceB = choiceB;
        this.choiceC = choiceC;
        this.choiceD = choiceD;
    }
}

class Player{
    constructor(){
        this.points = Array(MAX_ROUND).fill(0);
        this.choice = 0;
        this.score = 0;
        this.name = 0;
        this.number = 0;
    }
    calcScore(){
        var score = 0;
        for(var i = 0; i < MAX_ROUND; i ++){
                score += this.points[i];
        }
        return score;
    }
}


function setup(){
    canvasSize(960, 1200);
    lineW(3);
    timer = 0;
    setQuestion(round);
    player.name = username;
    player.number = userNumber;
    console.log(language);
}


function mainloop(){
    timer ++;
    
    switch(scene){

        case START_SCENE:
        case CAPASITY_ERROR:
            inputName();
            break;
        
        case WAIT_START:
            WaitStart();
            if(timer > 30){
                timer = 0;
                CheckStart();// 他のプレイヤーが名前を書き終わるのを待機
            }
            break;            

        case GAME_SCENE:
            //ゲーム画面を表示
            showQuestion();

            //制限時間を過ぎた場合にはEを選択
            if(timer > TIME_LIMIT){
                player.choice = E;
                sendChoice()
                break;
            }
            
            if(tapC == 1){
                tapC ++;

                if(50 <= tapX && tapX <= 450 && 300 <= tapY && tapY <= 550){
                    player.choice = A;
                    sendChoice();
                }
                else if(500 <= tapX && tapX <= 900 && 300 <= tapY && tapY <= 550){
                    player.choice = B;
                    sendChoice();
                }   
                else if(50 <= tapX && tapX <= 450 && 600 <= tapY && tapY <= 850){
                    player.choice = C;
                    sendChoice();
                }   
                else if(500 <= tapX && tapX <= 900 && 600 <= tapY && tapY <= 850){
                    player.choice = D;
                    sendChoice();
                }
            } 
            break;

        //集計結果待ち
        case WAIT_SCENE:
            showQuestion();
            if(timer > 30){
                timer = 0;
                CheckOthers(); // 他のプレイヤーが終わるまで待機する処理
            }
            break;
        
        case ROUND_RESULT:
            showQuestion();
            if(timer > 90){
                timer = 0;
                round ++;
                if(round < MAX_ROUND){
                    setQuestion(round);
                    scene = GAME_SCENE;
                }
                else{
                    scene = WAIT_RESULT;
                    postForm();
                }
            }
            break;
        

        //最終集計結果待ち
        case WAIT_RESULT:
            if(timer > 30){
                timer = 0; 
                CheckResult();  //順位表を受け取るための処理
            }

        //結果表示
        case RESULT_SCENE:
            showResult();
            if(tapC == 1){
                tapC ++;
                if(80 <= tapX && tapX <= 180 && 1080 <= tapY && tapY <= 1130){
                    console.log("show result")
                    break;
                }
                else{
                    for(var i = 0; i < MAX_ROUND; i ++){
                        if(450 + 50*i < tapX && tapX < 450 + 50*i + 50 && 1080 < tapY && tapY < 1130){
                            console.log("show round"+i)
                            showOtherResult(i)
                            view_result = i
                            scene = CHECK_RESULT
                        }
                    }    
                }
            } 
            break;

        case CHECK_RESULT:
            showOtherResult(view_result);
            if(tapC == 1){
                tapC ++;
                if(80 <= tapX && tapX <= 180 && 1080 <= tapY && tapY <= 1130){
                    showResult();
                    console.log("show result")
                    scene = RESULT_SCENE;
                }
                else{
                    for(var i = 0; i < MAX_ROUND; i ++){
                        if(450 + 50*i <= tapX && tapX <= 450 + 50*i + 50 && 1080 <= tapY && tapY <= 1130){
                            showOtherResult(i)
                            console.log("show round"+(i+1))
                            view_result = i
                        }
                    }    
                }
            } 
            break;
    }
}



function setQuestion(round){
    question[round].join(questions[language*MAX_ROUND+round], realAnswer[round],choices[language*MAX_ROUND+round][A], choices[language*MAX_ROUND+round][B], choices[language*MAX_ROUND+round][C], choices[language*MAX_ROUND+round][D]);
}


function checkAnswer(){ 
    var j = 0;// 選択した人数が同じ数のpoint調整変数
    for(var i = 0; i < CHOICE_NUMBER; i ++){
        // 各選択肢の該当人数が同じとき
        if (i>=1){
            if(question[round].people[i]==question[round].people[i-1]){
                j ++;
            }
        }
        if(player.choice == question[round].answer[i]){
            // 未選択を選んだ場合
            if(player.choice == E){
                player.points[round] = 0;
                break;
            }
            else{
                player.points[round] = 4-i+j;                
            }
            break;
        }
    }
    // round時点のスコア
    player.score = player.calcScore();
    console.log(player.points[round])
}

//スコアと識別番号をサーバーに送信する処理
function postForm(){
    xhr.open('POST', '/form');
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
    //識別番号とスコアを送信
    xhr.send('number='+player.number + '&score=' + player.score); //変更
}

//選択をサーバーに送信する処理
function sendChoice(){
    timer = 0;
    scene = WAIT_SCENE;
    xhr.open('POST', '/form');
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
    //選択を送信
    xhr.send('choice=' + player.choice); 
    //WAITコードを受信
    xhr.onreadystatechange = function() { 
        if (xhr.readyState === 4 && xhr.status === 200) {
                console.log(xhr.responseText);
        }
    }
}

//ユーザーネームをサーバーに送信する処理
function sendName(){
    xhr.open('POST', '/form');
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
    //ユーザーネームを送信
    xhr.send('username=' + player.name); 
    timer = 0;
    //識別番号を受信
    xhr.onreadystatechange = function() { 
        if (xhr.readyState === 4 && xhr.status === 200) {
            if(xhr.responseText == "Capasity ERROR"){
                scene = CAPASITY_ERROR;
            }
            else{    
                console.log("識別番号:" + xhr.responseText);
                player.number = xhr.responseText;
                scene = WAIT_START;
            }
        }
    }
}

//ユーザーネームをサーバーに送信する処理
function sendStart(){
    xhr.open('POST', '/form');
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
    //ユーザーネームを送信
    xhr.send('start=' + "GAMESTART"); 
    //識別番号を受信
    xhr.onreadystatechange = function() { 
        if (xhr.readyState === 4 && xhr.status === 200) {
            console.log("参加人数:" + xhr.responseText);
        }
    }
}


//参加するプレイヤーが揃ったか確認(nemoto追記)
function CheckStart(){
    xhr.open('POST', '/form');
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
    //待機コードを送信
    xhr.send('checkStart=' + "check"); 
    xhr.onreadystatechange = function() { 
        if (xhr.readyState === 4 && xhr.status === 200) {
            if(xhr.responseText=="START"){
                console.log(xhr.responseText);
                scene = GAME_SCENE;
            }
            //他の参加者が集まるまで待機
            else{
                var max_current_player = xhr.responseText
                var splitplayer = max_current_player.split(" ");
                max_player = splitplayer[0]
                current_player = splitplayer[1]
            }
        }
    }
}

// 集計結果待機中処理
function CheckOthers(){
    xhr.open('POST', '/form');
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
    //待機コード送信
    xhr.send('checkothers=' + "check"); 
    xhr.onreadystatechange = function() { 
        if (xhr.readyState === 4 && xhr.status === 200) {
            if(xhr.responseText=="WAIT"){
                console.log(xhr.responseText);
            }
            //正解選択肢を取得(選択が多い順に表示)
            else{
                console.log(xhr.responseText);
                answerTable = xhr.responseText
                var splitAnswer = answerTable.split("\n");
                for(var i = 0; i < CHOICE_NUMBER; i ++){
                    // i番目に多かった答えと人数
                    var arr_answer = splitAnswer[i].split(" "); 
                    question[round].answer[i] = arr_answer[0];
                    question[round].people[i] = arr_answer[1];
                }   
                //正解判定
                checkAnswer();
                timer = 0;
                scene = ROUND_RESULT;
            }

        }
    }
}

//最終集計結果（順位表）待機処理，表示
function CheckResult(){
    xhr.open('POST', '/form');
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
    //待機コードを送信
    xhr.send('checkResult=' + "check"); 
    xhr.onreadystatechange = function() { 
        if (xhr.readyState === 4 && xhr.status === 200) {
            if(xhr.responseText=="WAIT"){
                console.log(xhr.responseText);
            }
            //順位表を受信
            else{
                var form = document.createElement("form")
                form.method = "POST";
                if(language == JPN){
                    form.action = "/resultJPN"
                }
                else{
                    form.action = "/resultENG"
                }
                document.body.appendChild(form);
                form.submit();
                
                // 自分の順位の表示用
                var valueToSend = String(player.score) + "pt"; // javascriptから送りたい値
                if(language == JPN){
                    window.location.href = "/resultJPN?valueJPN=" + encodeURIComponent(valueToSend);
                }
                else{
                    window.location.href = "/resultENG?valueENG=" + encodeURIComponent(valueToSend);
                }
            }
        }
    }
}

var xhr = new XMLHttpRequest();
var result_xhr= new XMLHttpRequest();
var round = 0;   //変更
var MAX_ROUND = 10;
var CHOICE_NUMBER = 5;
var max_player = 0; // 最大のplayer数(変更不要)
var current_player = 0;

var timer = 0;
var TIME_LIMIT = 900;

var A = 0;
var B = 1;
var C = 2;
var D = 3;
var E = 4;

var string = ["A", "B", "C", "D"];

var CORRECT = 1;
var WRONG = 0;

var START_SCENE = 1;
var GAME_SCENE = 2;
var RESULT_SCENE = 3;
var WAIT_SCENE = 4; // nemoto追記
var WAIT_RESULT = 5;
var WAIT_START = 6; // nemoto追記
var CHECK_RESULT = 7;
var ROUND_RESULT = 8;
var CAPASITY_ERROR = 9;

var JPN = 0;
var ENG = 1;

var scene = 0;

var orderTable = "";
var language = 0;

var question = new Array(MAX_ROUND);
for(var i = 0; i < MAX_ROUND+1; i ++){
    question[i] = new Question();
}

var player = new Player();


var questions = ["「にっこり」の対義語は?",
                "もっとも年齢が高いのは?", 
                "中国語で「勉強」意味は?",
                "焼き肉の「テッポウ」はどこの部位？",
                "アフリカ大陸でもっとも面積が大きい国は?",
                "実在する生き物は?",
                "カスタネットの名前の由来となったものは?",
                "名前が人物に由来しているのは?", 
                "ジンベイザメは英語で何シャーク?",
                "心臓がない生き物は?",
                "What is the antonym of 'smile' in Japanese?",
                "Who is the oldest?",
                "What does 'study' mean in Chinese?",
                "What part of the animal is 'Teppou' in Yakiniku?",
                "Which is the largest country in Africa by area?",
                "Which is a real creature?",
                "What is the origin of the name of the castanets?",
                "Which is named after a person?",
                "What kind of shark is a 'Jinbei' in English?",
                "Which creature does not have a heart?"];

/*
var questions = ["好きな季節は？",
                "千葉県の産出額が全国１位でない農林水産物は？",
                "中口先生の出身都道府県は？",
                "好きなプログラミング言語は？",
                "フロンティア医工学センターの設立年は？",
                "最も魅力があると思う都道府県は？",
                "中口先生の好きな食べ物は？",
                "現在千葉大学で2番目に募集人員が多い学部は？",
                "大学生活で最も楽しかった時期は？",
                "中口先生の好きな芸能人は？",
                "What is your favorite season?",
                "Which agriculture product from Chiba isn't largest by production value?",
                "What is Professor Nakaguchi's home prefecture?",
                "What is your favorite programming language?",
                "What is the founding year of the Frontier Medical Engineering Center?",
                "Which prefecture do you find the most attractive?",
                "What is Professor Nakaguchi's favorite food?",
                "What is the second largest faculty in terms of student recruitment at Chiba University?",
                "What was the most enjoyable period of your university life?",
                "Who is Professor Nakaguchi's favorite comedian?"];

var choices = [["春", "夏", "秋", "冬"],
                ["伊勢海老", "だいこん", "日本梨", "そらまめ"],
                ["兵庫県", "大阪府", "千葉県", "鹿児島県"],
                ["Python", "C/C++", "C#", "JavaScript"],
                ["平成15年", "平成20年", "昭和60年", "平成7年"],
                ["千葉県", "神奈川県", "埼玉県", "茨城県"],
                ["たこ焼き", "ジンギスカン", "ギョーザ", "うな重"],
                ["工学部", "教育学部", "法政経学部", "理学部"],
                ["学部1,2年", "学部3,4年", "修士課程", "博士課程"],
                ["山田ルイ53世", "スギちゃん", "浜田雅功", "椿鬼奴"],
                ["Spring", "Summer", "Autumn", "Winter"],
                ["Spiny lobster", "Daikon", "Japanese pear", "Broad bean"],
                ["Hyogo Prefecture", "Osaka Prefecture", "Chiba Prefecture", "Kagoshima Prefecture"],
                ["Python", "C/C++", "C#", "JavaScript"],
                ["2003", "2008", "1985", "1995"],
                ["Chiba Prefecture", "Kanagawa Prefecture", "Saitama Prefecture", "Ibaraki Prefecture"],
                ["Takoyaki", "Jingisukan", "Gyoza", "Unadon"],
                ["Faculty of Engineering", "Faculty of Education", "Faculty of Law and Economics", "Faculty of Science"],
                ["Undergraduate 1st,2nd year", "Undergraduate 3rd,4th year", "Master's course", "Doctoral course"],
                ["Yamada Rui 53rd", "Sugi-chan", "Masahiro Hamada", "Tsubaki Oniyakko"]];

*/

var choices = [["がっくり", "げっそり", "むっつり", "しっとり"],
                ["ドナルド・トランプ", "ボリス・ジョンソン", "ウラジーミル・プーチン", "アンゲラ・メルケル"],
                ["喧嘩っ早い", "無理やり", "細かい", "意地悪な"],
                ["食道", "直腸", "こめかみ", "胃袋"],
                ["エチオピア", "リビア", "アルジェリア", "ケニア"],
                ["キリンコウモリ", "ライオンコウモリ", "ウサギコウモリ", "オオカミコウモリ"],
                ["ハサミの刃", "貝の殻", "栗の実", "両手"],
                ["そら豆", "えんどう豆", "いんげん豆", "ひよこ豆"],
                ["エレファント", "ホエール", "ダイナソー", "メガ"],
                ["カニ", "ナマコ", "タコ", "ホタテ"],
                ["Downcast", "Worn out", "Sullen", "Moist"],
                ["Donald Trump", "Boris Johnson", "Vladimir Putin", "Angela Merkel"],
                ["Belligerent", "Forcefully", "Detailed", "Mean"],
                ["Esophagus", "Rectum", "Temple", "Stomach"],
                ["Ethiopia", "Libya", "Algeria", "Kenya"],
                ["Giraffe Bat", "Lion Bat", "Rabbit Bat", "Wolf Bat"],
                ["Scissor blade", "Shell of a clam", "Chestnut", "Both hands"],
                ["Broad bean", "Pea", "String bean", "Chickpea"],
                ["Elephant", "Whale", "Dinosaur", "Mega"],
                ["Crab", "Sea cucumber", "Octopus", "Scallop"]];



var realAnswer = new Array(MAX_ROUND).fill(0);

var view_result = 0;