// ==UserScript==
// @name         Instant Wakamemo
// @namespace    http://mobajinro.s178.xrea.com/wakamemo/
// @version      1.5.0
// @description  わかめて上で動作するわかめてメモのようなものです。
// @author       udop_
// @match        http://jinrou.dip.jp/~jinrou/cgi_jinro.cgi
// @match        http://61.215.66.131/~jinrou/cgi_jinro.cgi
// @match        http://www7a.biglobe.ne.jp/~kuri/cgi_jinro.cgi
// @require      https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @run-at       document-start
// @downloadURL none
// ==/UserScript==

;(function ($) {
    "use strict"

    if (document.body.bgColor == "#fee3aa") {
        //村画面でないときは出さない
        return false
    }

    //**********************************************
    // 変数・クラスの宣言
    //**********************************************

    Array.prototype.fillundef = function (def, lastindex) {
        lastindex = lastindex + 1 || this.length
        for (let i = 0; i < lastindex; i++) {
            if (this[i] == null) {
                this[i] = JSON.parse(JSON.stringify(def))
            }
        }
    }

    function range(a, b) {
        var ar = []
        a = a || playerInfo.length
        b = b || undefined
        if (!b) {
            for (let i = 0; i < a; i++) ar.push(i)
        } else {
            for (let i = a; i < b; i++) ar.push(i)
        }
        return ar
    }

    var playerInfo,
        indexOfName,
        discussLog,
        deathLog,
        inputMode,
        votetimes,
        newestDay,
        today,
        setting,
        colorSetting
    var playertable = $("table").eq(1)
    var textareatable = $("table[cellspacing=0]").eq(-1)
    var discusstable = $("table[cellpadding=0]").not("table.CLSTABLE2").last()
    var infotable = $("table[cellspacing=0]").eq(0)
    var commandtable = $("table[cellspacing=0]").eq(-2)
    var textarea = $("textarea").eq(0)
    var body = $("body")
    var isdaytime = document.body.bgColor != "#000000"

    var settingDefault = {
        rewrite_css: {
            value: "yes",
            option: { yes: "はい", no: "いいえ" },
            name: "見た目を変更する",
        },
        auto_import_log: {
            value: "onetime",
            option: { none: "しない", onetime: "投票時", alltime: "常時" },
            name: "自動ログ取得のタイミング",
        },
        alert_vote: {
            value: "onetime",
            name: "未投票時に警告する",
            option: { yes: "はい", no: "いいえ" },
        },
        send_support: {
            value: "ctrl",
            name: "支援キー+ENTERで送信",
            option: { none: "しない", ctrl: "CTRL", shift: "SHIFT" },
        },
        autoreload_interval: {
            value: "30",
            name: "自動更新(観戦時のみ)",
            option: { 10: "10秒", 20: "20秒", 30: "30秒", 60: "60分" },
        },
        theme_color: {
            value: "navy",
            name: "テーマカラー",
            option: {
                crimson: "紅",
                darkorange: "オレンジ",
                darkgreen: "緑",
                navy: "蒼",
                purple: "紫",
                sienna: "茶",
            },
        },
        layout: {
            value: "no",
            name: "表を横に並べる(横幅と相談)",
            option: { yes: "はい", no: "いいえ" },
        },
        grayregion: {
            value: "no",
            name: "人外と推理した占い師の結果は<br>完グレ判定に使用しない",
            option: { yes: "はい", no: "いいえ" },
        },
        coloringName: {
            value: "no",
            name: "役職で色分けする(試験運用)",
            option: { yes: "はい", no: "いいえ" },
        },
    }

    var nameColor = {
        black: "なし",
        red: "赤",
        pink: "ピンク",
        blue: "青",
        green:"緑",
        purple: "紫",
        brown: "茶",
        gaming: "虹色"
    }
    var colorSettingDefault = {
        gray:{
            value:"black",
            name:"グレー",
            option: nameColor
        },
        fortune:{
            value:"black",
            name:"占い",
            option: nameColor
        },
        necro:{
            value:"black",
            name:"霊能",
            option: nameColor
        },
        share:{
            value:"black",
            name:"共有",
            option: nameColor
        },
        guard:{
            value:"black",
            name:"狩人",
            option: nameColor
        },
        cat:{
            value:"black",
            name:"猫又",
            option: nameColor
        },
        beast:{
            value:"black",
            name:"人外",
            option: nameColor
        }
    }
    var data = {
        playerInfo: [],
        indexOfName: {},
        isAutoReload: false,
        discussLog: [],
        deathLog: { exec: [], bite: [] },
        isfilter: false,
        inputMode: "simple",
        villageno: 0,
        setting: settingDefault,
        votetimes: [],
        importlogday: 0,
    }
    var color = {
        crimson: { main: "crimson", sub: "#EC365A" },
        darkorange: { main: "darkorange", sub: "#FF9F32" },
        darkgreen: { main: "darkgreen", sub: "#009300" },
        navy: { main: "navy", sub: "#0000b2" },
        purple: { main: "purple", sub: "#B200B2" },
        sienna: { main: "sienna", sub: "#C66538" },
    }

    class Tr {
        constructor(id, cl) {
            this.id = ""
            this.cl = ""
            if (id) this.id = id
            if (cl) this.cl = cl
            this.tds = []
        }
        add(val, cl) {
            var c = cl ? `class='${cl}'` : ""
            var td = `<td ${c}>${val}</td>`
            this.tds.push(td)
        }
        addhtml(html) {
            this.tds.push(html)
        }
        text() {
            var tr = "<tr"
            if (this.id) tr = tr + " id='" + this.id + "'"
            if (this.cl) tr = tr + " class='" + this.cl + "'"
            tr += ">"
            tr += this.tds.join("")
            tr += "</tr>"
            return tr
        }
        appendTo(jQueryObject) {
            jQueryObject.append(this.text())
        }
    }

    var COLORLIST = {
        0: "選択▼",
        1: "明灰",
        2: "暗灰",
        3: "黄色",
        4: "オレンジ",
        5: "赤",
        6: "水色",
        7: "青",
        8: "黄緑",
        9: "紫",
        10: "桃色",
        11: "肌色",
        12: "茶色",
        13: "緑",
        14: "若草色",
        15: "真紅",
        16: "薄茶色",
        17: "藍色",
        18: "蒼",
        19: "ピンク",
        20: "銀色",
        21: "薄紫",
        22: "象牙色",
        23: "黒",
    }

    //**********************************************
    //  Session関係
    //**********************************************

    function load() {
        if (localStorage.getItem("memodata")) {
            data = JSON.parse(localStorage.getItem("memodata"))
        }

        playerInfo = data.playerInfo
        indexOfName = data.indexOfName
        discussLog = data.discussLog
        deathLog = data.deathLog
        votetimes = data.votetimes

        var old_setting = data.setting
        data.setting = {}
        for (let k in settingDefault) {
            data.setting[k] = k in old_setting ? old_setting[k] : settingDefault[k]
        }
        setting = data.setting

        old_setting = data.colorSetting || colorSettingDefault
        data.colorSetting = {}
        for (let k in colorSettingDefault) {
            data.colorSetting[k] = k in old_setting ? old_setting[k] : colorSettingDefault[k]
        }
        colorSetting = data.colorSetting
        save()
    }

    function save() {
        localStorage.setItem("memodata", JSON.stringify(data))
    }

    //**********************************************
    //   import関係
    //**********************************************

    function importLog() {
        updateplayerInfo()
        importDiscussLog()
    }

    function updateplayerInfo() {
        //プレイヤー情報を取得
        //death…「能力がCOできなくなった日」を指す 3日目吊りなら4日目。3日目噛まれなら3日目

        if (discussLog.length >= 2) {
            playertable.find("td:odd").each(function (i, v) {
                if (!$(v).html()) return false
                playerInfo[i].vital = $(v).html().includes("生存中") ? "alive" : "death"
            })
        } else {
            data.playerInfo = []
            playerInfo = data.playerInfo
            data.indexOfName = {}
            indexOfName = data.indexOfName
            playertable.find("td:odd").each(function (i, v) {
                var html = $(v).html()
                if (!html) return false

                var name = html.split("<br>")[0]
                var vital = html.includes("生存中") ? "alive" : "death"
                playerInfo.push({
                    no: i,
                    name: name,
                    vital: vital,
                    job: "gray",
                    reasoning: "gray",
                    jobresult: [],
                    vote: [],
                    death: 99,
                })
                data.indexOfName[name] = i
            })
        }
        save()
    }

    function importDiscussLog() {
        //ログ取り込み
        if (isdaytime) {
            discussLog[today] = []
            discusstable.find("tr").each(function (i, v) {
                if ($(v).children().length != 2) return true
                discussLog[today].push({
                    name: $(v).children().eq(0).find("b").eq(0).html(),
                    namehtml: $(v).children().eq(0).html(),
                    content: $(v).children().eq(1).html(),
                })
            })
        }

        //投票結果・死亡ログ
        var votelog = []
        discusstable.find("td[colspan='2']").each(function (i, v) {
            if (
                /(無残な姿で発見|死体で発見|村民協議の結果処刑|突然死|猫又の呪い)/.test($(v).text())
            ) {
                importDeath(v)
            }
            if (/\d{1,2}日目 投票結果。/.test($(v).text())) {
                votelog.unshift(v)
            }
        })
        if (votelog.length) importVote(votelog)

        filterlog(99, newestDay)
        save()
    }

    function importDeath(log) {
        //死体を記録
        var day = today
        var deathday = today
        var no = indexOfName[$(log).find("b").eq(0).text()]
        var text = $(log).text()
        var reason = ""
        if (/無残な姿で発見/.test(text)) {
            reason = "bite"
        } else if (/死体で発見/.test(text)) {
            reason = "note"
        } else if (/村民協議の結果|猫又の呪い/.test(text)) {
            reason = "exec"
            isdaytime ? day-- : deathday++
        } else if (/突然死/.test(text)) {
            reason = "sudden"
            deathday++
        }
        playerInfo[no].death = deathday

        if (!deathLog[reason]) deathLog[reason] = []
        deathLog[reason].fillundef([], day)

        if (!deathLog[reason][day].includes(no)) {
            deathLog[reason][day].push(no)
        }
    }

    function importVote(logs) {
        //投票を取り込む
        var day = $(logs[0])
            .text()
            .match(/(\d{1,2})日目 投票結果。/)
        day = day[1] - 1

        for (var player of playerInfo) {
            player.vote[day] = []
            player.vote.fillundef("-", logs.length)
        }

        for (let times = 0; times < logs.length; times++) {
            $(logs[times])
                .find("tr")
                .each(function (i, vote) {
                    var voter = indexOfName[$(vote).find("b").eq(0).text()]
                    var target = $(vote).find("b").eq(1).text()
                    playerInfo[voter].vote[day][times] = target
                })
        }
        votetimes[day] = logs.length
        votetimes.fillundef(0)
    }

    //**********************************************
    //   refresh関係
    //**********************************************

    function refresh() {
        //再表示まとめて
        refreshDiscussLog()
        refreshPlayerInfoTable()
        refreshVoteTable()
        refreshSummary()
    }

    function refreshPlayerInfoTable() {
        //プレイヤー情報更新 くっそ長い

        //初期化
        playerInfoTable.empty()

        if (!playerInfo.length) return false

        var playersList = { 99: "" }
        for (let i of range()) {
            playersList[i] = playerInfo[i].name
        }
        var joblist = {
            gray: "",
            fortune: "占い",
            necro: "霊能",
            share: "共有",
            guard: "狩人",
            cat: "猫又",
            beast: "人外",
        }
        var reasoninglist = {
            gray: "",
            real: "真",
            fake: "偽",
            villager: "村人",
            madman: "狂人",
            wolf: "人狼",
            fox: "妖狐",
        }
        var resultlist = { notinput: "", white: "○", black: "●" }

        //-------------------------名前列
        var namerow = new Tr("", "namerow")
        namerow.add("<a id='filterlink_99_99'>全ログ</a>")
        for (let player of playerInfo) {
            namerow.add(
                `<a id='filterlink_${player.no}_99'>${player.name}</a>`,
                `player_${player.no}`
            )
        }
        namerow.appendTo(playerInfoTable)

        //-------------------------発言数列
        for (var day = 1; day <= newestDay; day++) {
            var row = new Tr("", "talknumrow")
            row.add(`<a id=filterlink_99_${day}>${day + 1}日目</a>`)
            for (let player of playerInfo) {
                var talknum = $("#log_day" + day).find("tr.talk_player" + player.no).length
                if (talknum === 0) talknum = ""
                row.add(
                    `<a id=filterlink_${player.no}_${day}>${talknum}</a>`,
                    "player_" + player.no
                )
            }
            row.appendTo(playerInfoTable)
        }

        //-------------------------CO列
        var jobrow = new Tr("", "jobrow")
        jobrow.add("CO")
        for (let player of playerInfo) {
            let select = createSelectBox(joblist, player.job, {
                id: `player_${player.no}_job`,
                class: "jobselect",
            })
            jobrow.add(select, "player_" + player.no)
        }
        jobrow.appendTo(playerInfoTable)

        //-------------------------推理列
        jobrow = new Tr("", "jobrow")
        jobrow.add("推理")
        for (let player of playerInfo) {
            let select = createSelectBox(reasoninglist, player.reasoning, {
                id: `player_${player.no}_reasoning`,
                class: "reasoningselect",
            })
            jobrow.add(select, "player_" + player.no)
        }
        playerInfoTable.append(jobrow.text())

        //-------------------------役職結果列
        for (day = 1; day <= newestDay; day++) {
            var resultrow = new Tr("result_" + day, "resultrow")
            resultrow.add(`占霊結果 ${day + 1}日目`)

            for (let player of playerInfo) {
                if (
                    (player.job == "fortune" && day < player.death) ||
                    (player.job == "necro" && day < player.death && day > 1)
                ) {
                    //占い師、霊能者で、結果があるなら
                    let select1 = createSelectBox(playersList, 99, {
                        id: `target_${player.no}_${day}`,
                        class: "jobtarget",
                    })
                    let select2 = createSelectBox(resultlist, "notinput", {
                        id: `judge_${player.no}_${day}`,
                        class: "jobjudge",
                    })
                    resultrow.add(select1 + select2, "player_" + player.no)
                } else {
                    resultrow.add("", "player_" + player.no)
                }
            }
            playerInfoTable.append(resultrow.text())
        }
        refreshJobResult()
        switchAliveFilter()
        switchInputMode()
        coloring()

        //絞込機能つける
        $("#playerInfoTable a").on("click", function (e) {
            var id = $(this).attr("id").split("_")
            filterlog(id[1], id[2])
        })

        //変更は逐一反映
        $("select.jobselect").on("change", function () {
            var no = $(this).attr("id").split("_")[1] - 0
            playerInfo[no].job = $(this).val()

            refreshPlayerInfoTable()
            refreshJobInitial()
            refreshSummary()
            if(setting.coloringName.value == "yes") setNameColor()
            save()
        })

        $("select.reasoningselect").on("change", function () {
            var no = $(this).attr("id").split("_")[1] - 0
            playerInfo[no].reasoning = $(this).val()

            refreshJobInitial()
            coloring()
            save()
        })

        $("select.jobtarget").on("change", function (e) {
            var id, no, day
            ;[id, no, day] = $(this).attr("id").split("_")

            playerInfo[no].jobresult.fillundef({ target: 99, judge: "notinput" }, +day)
            playerInfo[no].jobresult[day].target = $(this).val() - 0

            refreshSummary()
            coloring()
            save()
        })

        $("select.jobjudge").on("change", function (e) {
            var id, no, day
            ;[id, no, day] = $(this).attr("id").split("_")

            playerInfo[no].jobresult.fillundef({ target: 99, judge: "notinput" }, +day)
            playerInfo[no].jobresult[day].judge = $(this).val()
            refreshSummary()
            coloring()
            save()
        })
    }

    function refreshJobResult() {
        var fortunes = playerInfo.filter((p) => {
            return p.job == "fortune"
        })
        for (let fortune of fortunes) {
            for (let day = 1; day < Math.min(fortune.death, newestDay + 1); day++) {
                if (fortune.jobresult[day]) {
                    //既に結果が入力されているとき
                    $("#target_" + fortune.no + "_" + day).val(fortune.jobresult[day].target)
                    $("#judge_" + fortune.no + "_" + day).val(fortune.jobresult[day].judge)
                }
            }
        }

        var necros = playerInfo.filter((p) => {
            return p.job == "necro"
        })
        for (let necro of necros) {
            for (let day = 2; day < Math.min(necro.death, newestDay + 1); day++) {
                if (necro.jobresult[day]) {
                    //既に結果が入力されているとき
                    $("#target_" + necro.no + "_" + day).val(necro.jobresult[day].target)
                    $("#judge_" + necro.no + "_" + day).val(necro.jobresult[day].judge)
                } else if (deathLog.exec[day - 1]) {
                    $("#target_" + necro.no + "_" + day).val(deathLog.exec[day - 1])
                }
            }
        }
    }

    function refreshDiscussLog() {
        discussLogTable.empty()
        if (!discussLog.length) return false

        discussLog.forEach(function (logs, day) {
            if (!logs) return

            var tbody = $("<tbody></tbody>", { id: "log_day" + day })
            var trs = `<tr class="systemlog"><td colspan="2">${day + 1}日目</td></tr>`

            for (var log of logs) {
                var cl = log.name in indexOfName ? "talk_player" + indexOfName[log.name] : ""
                trs += `<tr class="${cl}"><td>${log.namehtml}<span class='jobinitial'></span></td><td>${log.content}</td></tr>`
            }
            tbody.append(trs).prependTo(discussLogTable)
        })
        refreshJobInitial()
    }

    function refreshJobInitial() {
        var jobinitial = {
            fortune: "占",
            necro: "霊",
            share: "共",
            cat: "猫",
            guard: "狩",
            wolf: "狼",
            madman: "狂",
            fox: "狐",
            villager: "村",
            real: "真",
            fake: "偽",
            beast: "外",
            gray: "",
        }
        for (var player of playerInfo) {
            var job = jobinitial[player.reasoning] + jobinitial[player.job]
            $("tr.talk_player" + player.no + " span").html(job)
        }
    }

    function refreshVoteTable() {
        //投票テーブルリライト
        voteTable.empty()

        var tr = new Tr()
        tr.add("プレイヤー")
        for (var day = 1; day <= newestDay; day++) {
            let colspan = votetimes[day] || 1
            tr.addhtml(`<td colspan="${colspan}">${day + 1}日目</td>`)
        }
        voteTable.append(tr.text())

        for (var player of playerInfo) {
            tr = new Tr()
            tr.add(player.name)
            for (day = 1; day <= newestDay; day++) {
                let times = votetimes[day] || 1
                for (let i = 0; i < times; i++) {
                    var text = player.vote[day] && player.vote[day][i] ? player.vote[day][i] : "-"
                    tr.add(text)
                }
            }
            voteTable.append(tr.text())
        }
    }

    function refreshSummary() {
        var color = { notinput: "？", white: "○", black: "●" }
        var reasons = ["bite", "note", "exec", "sudden"]
        var reasonflavor = { bite: "無残", note: "デスノ", exec: "処刑", sudden: "突然死" }

        summaryTable.empty()

        var tr = new Tr()
        tr.addhtml("<td colspan='2'></td>")
        for (var day = 1; day <= newestDay; day++) {
            tr.add("" + (day + 1) + "日目")
        }
        tr.appendTo(summaryTable)

        var fn = playerInfo.filter((player) => {
            return player.job == "fortune"
        })

        for (let i = 0; i < fn.length; i++) {
            let player = fn[i]
            tr = new Tr()
            if (i == 0) tr.addhtml(`<td rowspan=${fn.length}>占い師</td>`)
            tr.add(player.name)

            for (day = 1; day <= newestDay; day++) {
                let name = "",
                    judge = ""
                if (player.jobresult[day] && player.jobresult[day].target != 99) {
                    name = playerInfo[player.jobresult[day].target].name
                    judge = color[player.jobresult[day].judge]
                }
                tr.add(name + judge)
            }
            tr.appendTo(summaryTable)
        }

        fn = playerInfo.filter((player) => {
            return player.job == "necro"
        })

        for (let i = 0; i < fn.length; i++) {
            let player = fn[i]
            tr = new Tr()
            if (i == 0) tr.addhtml(`<td rowspan=${fn.length}>霊能者</td>`)
            tr.add(player.name)
            for (let day = 1; day <= newestDay; day++) {
                let name = "",
                    judge = ""
                if (player.jobresult[day] && player.jobresult[day].target != 99) {
                    name = playerInfo[player.jobresult[day].target].name
                    judge = color[player.jobresult[day].judge]
                }
                tr.add(name + judge)
            }
            tr.appendTo(summaryTable)
        }

        for (var reason of reasons) {
            if (!deathLog[reason]) continue

            tr = new Tr()
            if (reason == "bite") tr.addhtml("<td rowspan='4'>死亡ログ</td>")
            tr.add(reasonflavor[reason])

            for (day = 1; day <= newestDay; day++) {
                var text = "-"
                if (deathLog[reason][day]) {
                    text = deathLog[reason][day].map((x) => playerInfo[x].name).join("<br>")
                }
                tr.add(text)
            }
            tr.appendTo(summaryTable)
        }
    }

    //**********************************************
    //   表示
    //**********************************************

    var switchDispArea = function (_this) {
        //メモのログ/投票表示切り替え
        $("div.tab").removeClass("active")
        $(_this).addClass("active")

        $("#memoBody > div").hide()
        var mode = $(_this).data("value")
        $(`#${mode}Area`).show()
    }

    function switchAliveFilter(_this) {
        if (_this) {
            data.isfilter = $(_this).data("value") == "on"
            save()
        }
        $("div.select.filter").removeClass("active")
        data.isfilter
            ? $("#showAliveButton").addClass("active")
            : $("#showAllButton").addClass("active")
        for (var player of playerInfo) {
            if (!data.isfilter || player.vital == "alive" || player.job != "gray") {
                $("td.player_" + player.no).show()
            } else {
                $("td.player_" + player.no).hide()
            }
        }
    }

    function switchInputMode(_this) {
        if (_this) {
            data.inputMode = $(_this).data("value")
            save()
        }
        $("div.select.inputmode").removeClass("active")
        $(`#input${data.inputMode}Button`).addClass("active")
        for (var day = 1; day <= newestDay; day++) {
            if (data.inputMode == "full" || (data.inputMode == "simple" && day == newestDay)) {
                $("#result_" + day).show()
            } else {
                $("#result_" + day).hide()
            }
        }
    }

    function filterlog(player, day) {
        if (player < 99) {
            $("#discussLogTable tr").hide()
            $("tr.systemlog").show()
            $("tr.talk_player" + player).show()
        } else {
            $("#discussLogTable tr").show()
        }

        if (day < 99) {
            $("#discussLogTable tbody").hide()
            $("#log_day" + day).show()
        } else {
            $("#discussLogTable tbody").show()
        }
    }

    function coloring() {
        var notgray = range().filter((i) => playerInfo[i].job != "gray")

        var fortunes = playerInfo.filter((player) => player.job == "fortune")
        if (setting.grayregion.value == "yes") {
            fortunes = fortunes.filter((fortune) => {
                return fortune.reasoning == "gray" || fortune.reasoning == "real"
            })
        }
        fortunes.forEach(function (player) {
            notgray = notgray.concat(player.jobresult.map((p) => p.target))
        })

        var graylist = range().filter((no) => {
            return !notgray.includes(no)
        })

        $("tr.namerow td").removeClass("death").removeClass("gray")
        for (var player of playerInfo) {
            if (player.vital == "death") {
                $("tr.namerow .player_" + player.no).addClass("death")
            } else if (graylist.includes(player.no)) {
                $("tr.namerow .player_" + player.no).addClass("gray")
            }
        }
    }

    function reset() {
        data = {
            playerInfo: [],
            indexOfName: {},
            isAutoReload: false,
            importlogday: 0,
            discussLog: [],
            deathLog: { exec: [], bite: [] },
            isfilter: false,
            inputMode: "simple",
            villageno: getVillageno(),
            setting: data.setting,
            votetimes: [],
        }
        playerInfo = data.playerInfo
        indexOfName = data.indexOfName
        discussLog = data.discussLog
        deathLog = data.deathLog
        setting = data.setting
        votetimes = data.votetimes
        save()
    }

    //**********************************************
    //   乱数表
    //**********************************************

    function rnd(n, digit) {
        //0～n-1の整数乱数 digitを指定するとゼロパディング
        digit = digit || false
        var r = Math.floor(Math.random() * n)
        if (digit) r = padding(r, digit)
        return r
    }

    function padding(num, digit) {
        //ゼロパディング
        return ("0000000000" + num).slice(-digit)
    }

    function makernd() {
        //四桁乱数
        return rnd(10000, 4)
    }

    function makematrix(num) {
        //乱数表
        var l = []
        var mat = ""
        for (var i = 0; i < num; i++) {
            l[i] = padding(i + 1, 2)
        }
        for (i = 0; i < num; i++) {
            var r = rnd(num - i)
            mat += l[r]
            mat += i % 5 == 4 ? "\n" : " / "
            for (var j = r; j < num - 1; j++) {
                l[j] = l[j + 1]
            }
        }
        return mat
    }

    function makerndjob(num) {
        //役職対応
        var jobs = ["村　人", "占い師", "霊能者", "狩　人", "共有者", "狂　人", "背徳者"]
        var cir = ["①", "②", "③", "④", "⑤", "⑥", "⑦"]
        var result = ""
        var isimo = num == 15 || num == 19
        var n = isimo ? 7 : 6
        var i, r
        if (isimo) {
            result += cir[rnd(n)] + "\n\n"
        }
        var l = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
        for (i = 0; i < n; i++) {
            r = rnd(10 - i)
            result = result + jobs[i] + "：" + l[r] + rnd(100, 2) + "\n"
            for (var j = r; j <= num - 1; j++) {
                l[j] = l[j + 1]
            }
        }
        return result
    }

    //**********************************************
    //   その他小物
    //**********************************************

    function getToday() {
        //表示されている日付チェック
        var day = /<font size="\+2">(\d{1,2})/.exec(body.html())
        today = day ? day[1] - 1 : 0
        newestDay = Math.max(today, discussLog.length - 1)
    }

    function getVillageno() {
        var vno = $("title").text().slice(0, 6) - 0
        return vno
    }

    function createSelectBox(option, selected, attr) {
        //optionを持つselectを作る。str。optionは{value: innerHTML}の形式で
        let attrtext = ""
        if (attr) {
            for (let k in attr) {
                attrtext = attrtext + ` ${k}="${attr[k]}"`
            }
        }
        var s = `<select${attrtext}>`
        for (var i in option) {
            let issl = i == selected ? "selected" : ""
            s += `<option value="${i}" ${issl}>${option[i]}</option>`
        }
        s += "</select>"
        return s
    }

    function editSpeakField(text) {
        //発言欄をtextにする
        textarea.val(text)
        memoContainer.hide()
    }

    function popupMessage(text) {
        //メッセージ
        messageArea.text(text).show()
        setTimeout(function () {
            messageArea.hide()
        }, 1500)
    }

    //**********************************************
    //   便利設定
    //**********************************************
    var left
    function setAlertVote() {
        //未投票アラート
        if ($("font[size=6]").size()) {
            warningArea.show()
            var cmbplayer = $("select[name=CMBPLAYER]").clone()
            var votebutton = $("<input />", {
                type: "button",
                value: "投票",
                on: {
                    click: function () {
                        $("select").eq(0).val("VOTE")
                        document.forms[0].submit()
                    },
                },
            })
            left = counts
            warningArea.html("未投票です！ あと<span id='left'></span>秒")
            warningArea.append(cmbplayer)
            warningArea.append(votebutton)
            cmbplayer.on("change", function () {
                $("select[name=CMBPLAYER]").val($(this).val())
            })
            $("#left").html(left)
            setInterval(function () {
                left--
                $("#left").html(left)
            }, 1000)
        }
    }

    function receiveKeyResponse() {
        //キー入力を受け付けるかどうか
        $(window).on("keydown", function (e) {
            if (setting.send_support.value == "ctrl" && e.ctrlKey && e.keyCode == 13) {
                document.forms[0].submit()
            } else if (setting.send_support.value == "shift" && e.shiftKey && e.keyCode == 13) {
                document.forms[0].submit()
            }
        })
    }

    function dispSuggest() {
        var colorselect = createSelectBox(COLORLIST, 0, { id: "colorlist" })
        var coloredit = `<td class="coloredit">アイコン色：</td><td class="coloredit">${colorselect}</td>`
        var iconsupport =
            "<td class='iconsupport'><input type='button' id='pasteurl' value='/../../imgbbs/img/'></td>"

        commandtable.find("td").eq(1).after(coloredit).after(iconsupport)
        commandtable.find("td").eq(-2).addClass("cmbplayer")
        commandtable.find("td").eq(-1).addClass("cmbplayer")

        $("#colorlist").on("change", function () {
            editSpeakField($(this).val())
        })
        $("#pasteurl").on("click", function () {
            editSpeakField("/../../imgbbs/img/")
        })
        $("select")
            .eq(0)
            .on("change", function () {
                $("td.coloredit").hide()
                $("td.iconsupport").hide()
                $("td.cmbplayer").hide()
                if ($(this).val() == "ICONCHG") {
                    $("td.coloredit").show()
                } else if ($(this).val() == "BCONCHG") {
                    $("td.iconsupport").show()
                } else {
                    $("td.cmbplayer").show()
                }
            })
    }

    function highlightDeathnote() {
        var td = infotable.find("td:last")
        if (/アナタの家の前に/.test(td.html())) {
            td.css("color", "red")
        }
    }

    function setAutoImportLog() {
        if (!data.importlogday) data.importlogday = 0
        if (setting.auto_import_log.value == "alltime") {
            importLog()
        } else if (setting.auto_import_log.value == "onetime") {
            if (today > data.importlogday && /<font size="\+2">投票/.test(body.html())) {
                data.importlogday = today
                importLog()
                save()
                popupMessage("ログを取り込みました。")
            }
        }
    }

    var autoReloadFlg

    function setAutoReload() {
        autoReloadFlg = setTimeout(function () {
            textarea.val("")
            document.forms[0].submit()
        }, setting.autoreload_interval.value * 1000)
    }

    function castASpellOnMe() {
        var q = $("#caspequery").val()
        var num = $("#caspenum").val()
        if (num > 10) num = 10
        $.post(
            "http://mobajinro.s178.xrea.com/caspe/getWaffle.php",
            {
                query: q,
                num: num,
            },
            function (data) {
                var txt = data.replace(/\n+/g, "<br>")
                var nos = txt.match(/\d{4}/g)
                if (nos) {
                    for (var no of nos) {
                        var src = no
                        if (no - 0 > 4674) src = "/../../imgbbs/img/" + no
                        txt = txt.replace(
                            no,
                            `<img data-no='${no}' src='http://jinrou.dip.jp/~jinrou/img/alive_${src}.gif'>`
                        )
                    }
                }
                $("#casperesult").html(txt)
                $("#casperesult img").on("click", function () {
                    $("#iconno").val($(this).data("no"))
                    $("#casperesult img").removeClass("iconselected")
                    $(this).addClass("iconselected")
                })
            }
        )
    }

    function setClipboard(text, disc) {
        //クリップボードにコピー 発言欄初期化する注意
        textarea.val(text).select()
        document.execCommand("copy")
        textarea.val("")
    }

    function setNameColor() {
        if(setting.coloringName.value != "yes") return false
        $("b").each((i, e) => {
            let name = $(e).text()
            if (name in indexOfName) {

                let i = indexOfName[name]
                let job = playerInfo[i].job
                $(e).removeClass().addClass(colorSetting[job].value)
            }
        })
    }

    //**********************************************
    //   個人設定の読み込み
    //**********************************************

    load()

    //**********************************************
    //   cssの追加と書き換え
    //**********************************************
    var style = []

    //見た目変更
    if (setting.rewrite_css.value == "yes") {
        style = [
            ".CLSTABLE tr td:nth-of-type(even) {font-size: 12px;line-height: 110%;padding: 2px;}",
            ".CLSTABLE tr td:nth-of-type(odd) {font-size: 0px;padding: 2px;}",
            'body[bgcolor="#000000"] font[color="#6666aa"] {color: #ccccff;}',
            'font[size="-1"] {font-size: 9pt;}',
            "img {padding: 0;}",
            "input,select {font-size: 9pt;}",
            "table {font-size: 13px;}",
            'textarea {font-family: "Meiryo";font-size: 11px;min-height: 100px;}',
            'table[cellpadding="0"] tr td:nth-of-type(2){word-break:break-all;}',
        ]
    }

    //追加分
    style = style.concat([
        `:root{--theme-color:${color[setting.theme_color.value].main}; --sub-color:${
            color[setting.theme_color.value].sub
        };}`,
        "*{box-sizing:border-box;}",
        "body{margin:0;}",
        "form{margin:8px;}",
        "#memoContainer{display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(180,180,180,0.8); padding:15px; overflow:auto;}",
        "#floatButtonArea{position:fixed; right:15px; top:15px;}",
        "#floatButtonArea > div{margin:0px 2px; display:inline-block; vertical-align: top; width:110px;  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);}",
        "#messageArea{width:400px; height:80px; position:fixed; left:50%; transform: translate(-50%, 0); top:15px; display:none;}",
        "#messageArea{text-align:center;font-size:14px; color:black;vertical-align:middle;padding-top:5px;}",
        "#warningArea{width:100%; height:40px; padding:5px; position:fixed; bottom:0; display:none; background-color:darkorange; text-align:center; font-size:16px; color:white; font-weight:bold;}",
        "#left{font-size:30px;}",
        "#warningArea select, #warningArea input{font-size:11pt; vertical-align:middle;}",

        "#memoMenu{width:100%; margin: 0 auto; font-size:10px;}",
        "#memoMenu input, #memoMenu select, #buttonArea input{font-size:11px;}",
        "#memoTab{margin-top:15px;}",
        "#memoBody{width:100%; height:calc(100% - 63px); margin: 0 auto; }",

        "#logArea,#voteArea{width:100%; height:100%; overflow:auto; margin: 0 auto; background-color:white; padding:10px; border-radius:0px 8px 8px 8px ;}",
        "#voteArea{display:none;}",

        "#discussLogTable{border-collapse:collapse;}",
        "#discussLogTable td{text-align:left;vertical-align:top; color:black; word-break:break-all; font-size:9pt; line-height:140%; padding:2px;}",
        "#discussLogTable font{font-size:9pt;}",
        "#discussLogTable tr td:first-of-type{min-width:150px;}",
        "#discussLogTable tr.systemlog td{font-weight:bold;background-color:var(--theme-color) !important; color:white; text-align:center;}",
        "#playerInfoTable a{text-decoration:underline; color:blue; cursor:pointer;}",
        "#playerInfoTable tr.namerow td.death {background-color:pink;}",
        "#playerInfoTable tr.namerow td.gray {background-color:#e3e3e3;}",
        "#voteTable, #summaryTable{font-size:11px; border-collapse:collapse; margin-bottom:10px;color:black;}",
        "#voteTable td, #summaryTable td{border:1px solid #666; padding:2px; }",
        "#toolArea_hid {display:none;}",
        "#setting, #colorSetting{font-size:13px; position:fixed; right:10px; bottom:10px; display:none; width:400px; height:300px; background-color:white;}",
        "#setting input[type=number], #setting input[type=text]{width:60px;}",
        ".coloredit, .iconsupport{display:none;}",
        ".voiceloud {padding:0px 5px;}",
        ".voiceloud div:not(:first-of-type){margin-top:5px;}",
        ".voice {width:30px;height:30px;font-size:16px;border:1px solid black; border-radius:2px;background-color:white;line-height:28px;text-align:center;color:black; cursor:pointer;}",
        ".voice.voice_selected{border:3px solid red; line-height:24px;}",
        "#caspe{display:none; position:fixed; right:10px; bottom:10px; width:400px; height:300px; solid #333; overflow:auto; font-size:9pt;}",
        "#caspe input[type=text]{width:100px;}",
        "#caspe input[type=number]{width:50px}",
        "#caspe, #setting,#colorSetting, #messageArea{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); border-top:16px solid var(--theme-color); background-color:#efefef; padding:10px;}",
        "#floatButtonArea a, .button{width:110px; color:white; background-color:var(--theme-color); cursor:pointer; display:inline-block; font-size:12px; font-weight:bold; line-height:24px; text-align:center;}",
        "div.button{margin:0px 2px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); padding:0px 3px;}",
        ".tab{width:150px; color:white; background-color:var(--theme-color);cursor:pointer;  display:inline-block; font-size:12px; line-height:24px; text-align:center; border-radius:8px 8px 0 0;}",
        ".tab.active{color:var(--theme-color); background-color:white;font-weight:bold;}",
        "#floatButtonArea a:hover, div.button:hover{background-color:var(--sub-color);}",
        ".closebutton{position:absolute; right:5px; top:5px;}",
        "#caspe img{padding:2px;}",
        "#caspe img.iconselected{border:2px solid var(--theme-color); padding:0px;}",
        ".jobinitial{user-select:none; color:var(--theme-color); font-weight:bold; font-size:80%;}",
        ".jobinitial:not(:empty):before{content:'[';}",
        ".jobinitial:not(:empty):after{content:']';}",
        ".black{color:black;} .pink{color:deeppink;} .red{color:red;} .green{color:green;}",
        ".purple{color:purple;} .brown{color:brown;} .blue{color:blue;}",
        ".gaming{background:linear-gradient(to right, #f33,#ff3,#3f3,#3ff,#33f,#f3f,#f33) ;-webkit-background-clip: text; -webkit-text-fill-color:transparent;}"
    ])
    if (setting.layout.value == "yes") {
        style = style.concat([
            "#logArea{display: flex; flex-direction:column; flex-wrap:wrap;}",
            "#playerInfoArea{height:calc(100% - 50px); overflow:auto hidden; width:50%; padding:5px;}",
            "#playerInfoArea select{font-size:8.5pt;}",
            "#buttonArea{height:50px;font-size:12px;  padding:5px;}",
            "#buttonArea > div{ margin-bottom:5px;}",
            "#discussLogArea{width:50%; overflow:auto; padding:5px;}",
            ".select{color:var(--theme-color); border-width:2px 2px 2px 0px ;border-color:var(--theme-color); border-style:solid; background-color:white; cursor:pointer; text-align:center; display:inline-block;width:100px;}",
            ".select.active{color:white;background-color:var(--theme-color); font-weight:bold;}",
            "#buttonArea > div > div.select:first-of-type{margin-left:5px; border-left:2px solid var(--theme-color);}",
            "#buttonArea > div > div.select:lastof-type{margin-right:5px;}",
            "#playerInfoTable{background-color:white; text-align:center; font-size:8pt; color:black; width:100%; margin:0px 2px 2px 0px;}",
            "#playerInfoTable tbody{display:flex; flex-direction:row;border-spacing:0;}",
            "#playerInfoTable tr{display:flex; flex-direction:column; flex:0 0 40px;}",
            "#playerInfoTable tr.namerow{display:flex; flex-direction:column; flex:0 0 80px; position:sticky; left:0;}",
            "#playerInfoTable tr.namerow td{background-color:white;}",
            "#playerInfoTable tr.resultrow{display:flex; flex-direction:column; flex:0 0 140px;}",
            "#playerInfoTable td{border-right:#666 solid 1px;border-bottom:#666 solid 1px;padding:1px; display:block; width:auto; height:1.8em; }",
            "#playerInfoTable tr:first-of-type td{border-left:#666 solid 1px;}",
            "#playerInfoTable tr td:first-of-type{border-top:#666 solid 1px;}",
        ])
    } else {
        style = style.concat([
            "#buttonArea{padding:10px;line-height:24px;font-size:9pt;}",
            "#buttonArea > div{display:inline-block;}",
            "#playerInfoArea{overflow:auto;}",
            ".select{width:100px; color:var(--theme-color); border-width:2px 2px 2px 0px ;border-color:var(--theme-color); border-style:solid; background-color:white; cursor:pointer; display:inline-block; font-size:12px; line-height:20px; text-align:center;}",
            ".select.active{color:white;background-color:var(--theme-color); font-weight:bold;}",
            "#buttonArea > div > div.select:first-of-type{margin-left:5px; border-left:2px solid var(--theme-color);}",
            "#buttonArea > div > div.select:last-of-type{margin-right:5px;}",
            "#playerInfoTable {background-color:white;text-align:center; font-size:8pt;border-collapse:collapse; color:black; margin:0 auto;}",
            "#playerInfoTable td{border:#666 solid 1px; padding:1px; }",
            "#playerInfoTable tr.namerow{height:35px;}",
            "#playerInfoTable tr td:first-child{min-width:50px;}",
        ])
    }
    $("<style></style>").html(style.join("\n")).appendTo($("head"))

    //**********************************************
    //   ツール用のもろもろを追加
    //**********************************************

    //大枠
    var memoContainer = $("<div></div>", { id: "memoContainer" }).appendTo(body)
    var messageArea = $("<div></div>", { id: "messageArea" }).appendTo(body)
    var warningArea = $("<div></div>", { id: "warningArea" }).appendTo(body)
    var floatButtonArea = $("<div></div>", { id: "floatButtonArea" }).appendTo(body)
    var settingArea = $("<div></div>", { id: "setting" }).appendTo(body)
    var colorSettingArea = $("<div></div>", { id: "colorSetting" }).appendTo(body)
    var caspe = $("<div></div>", { id: "caspe" }).appendTo(body)

    //ブロック
    var memoMenu = $("<div></div>", { id: "memoMenu" }).appendTo(memoContainer)
    var memoTab = $("<div></div>", { id: "memoTab" }).appendTo(memoContainer)
    var memoBody = $("<div></div>", { id: "memoBody" }).appendTo(memoContainer)

    //各div
    var logArea = $("<div></div>", { id: "logArea" }).appendTo(memoBody)
    var voteArea = $("<div></div>", { id: "voteArea" }).appendTo(memoBody)
    var playerInfoArea = $("<div></div>", { id: "playerInfoArea" }).appendTo(logArea)
    var buttonArea = $("<div></div>", { id: "buttonArea" }).appendTo(logArea)
    var discussLogArea = $("<div></div>", { id: "discussLogArea" }).appendTo(logArea)

    //テーブル
    var playerInfoTable = $("<table>", { id: "playerInfoTable" }).appendTo(playerInfoArea)
    var discussLogTable = $("<table>", { id: "discussLogTable" }).appendTo(discussLogArea)
    var voteTable = $("<table>", { id: "voteTable" }).appendTo(voteArea)
    var summaryTable = $("<table>", { id: "summaryTable" }).appendTo(voteArea)

    //観戦時のみ自動更新ボタン
    if ($("td.CLSTD01").eq(1).text() == "◆ 再表示") {
        var onoff = data.isAutoReload ? "ON" : "OFF"
        floatButtonArea.append("<div><a id='autoReload'>自動更新：" + onoff + "</a></div>")
        if (data.isAutoReload) setAutoReload()

        $("#autoReload").click(function () {
            data.isAutoReload = !data.isAutoReload
            save()
            var onoff = data.isAutoReload ? "ON" : "OFF"
            $("#autoReload").text("自動更新：" + onoff)
            popupMessage("自動更新を" + onoff + "にしました。")

            if (data.isAutoReload) {
                setAutoReload()
            } else {
                clearTimeout(autoReloadFlg)
            }
        })
    }

    floatButtonArea.append(
        [
            "<div id='toolArea'><a>ツール</a>",
            "<div id='toolArea_hid'>",
            "<a id='tool1'>四桁乱数</a>",
            "<a id='tool2'>乱数表</a>",
            "<a id='tool3'>役職一覧と丸数字</a>",
            "<a id='dispcaspe'>きゃすぺ</a>",
            "<a id='dispsetting'>設定</a>",
            "<a id='dispcolorsetting'>色設定</a></div>",
            "</div>",
        ].join("\n")
    )
    floatButtonArea.append("<div><a id='toggleButton'>メモ表示/非表示</a></div>")

    //共通のボタン
    memoMenu.append("<div class='button' id='importButton'>ログの取り込み</div>")
    memoMenu.append("<div class='button' id='resetButton'>リセット</div>")
    memoMenu.append("<div class='button' id='reloadButton'>更新</div>")

    //タブ
    memoTab.append("<div class='tab active' id='logDispButton' data-value='log'>発言ログ</div>")
    memoTab.append("<div class='tab' id='voteDispButton' data-value='vote'>投票履歴</div>")

    //各ブロックのボタン
    buttonArea.append(
        [
            "<div>絞り込み",
            "<div class='select filter' id='showAllButton' data-value='off'>全員表示</div>",
            "<div class='select filter' id='showAliveButton' data-value='on'>生存+役職のみ</div>",
            "</div>",
        ].join("")
    )
    buttonArea.append(
        [
            "<div>役職入力",
            "<div class='select inputmode' id='inputnoneButton' data-value='none'>なし</div>",
            "<div class='select inputmode' id='inputsimpleButton' data-value='simple'>最新のみ</div>",
            "<div class='select inputmode' id='inputfullButton' data-value='full'>全日</div>",
            "</div>",
        ].join("")
    )

    var settingTable = $("<table></table>", { id: "settingtable" }).appendTo(settingArea)
    settingArea.append(
        `<div class="closebutton"><input type="button" onclick="document.getElementById('setting').style.display='none';" value='閉じる'></div>`
    )

    for (var k in setting) {
        var item = setting[k]
        var tr = new Tr()
        tr.add(item.name)
        tr.add(createSelectBox(item.option, item.value, { id: k }))
        tr.appendTo(settingTable)
    }

    var colorSettingTable = $("<table></table>", { id: "settingtable" }).appendTo(colorSettingArea)
    colorSettingArea.append(
        `<div class="closebutton"><input type="button" onclick="document.getElementById('colorSetting').style.display='none';" value='閉じる'></div>`
    )

    for (k in colorSetting) {
        item = colorSetting[k]
        tr = new Tr()
        tr.add(item.name)
        tr.add(createSelectBox(item.option, item.value, { id: "color_" + k }))
        tr.appendTo(colorSettingTable)
    }

    caspe.html(
        [
            "キーワード：<input type='text' id='caspequery'>数：<input type='number' id='caspenum' value='1'><input type='button' id='castaspellonme' value='きゃすぺ'>",
            "<div id='casperesult'></div>",
            "<input type='button' id='changeicon' value='選択したアイコンを設定'>",
            "<input type='hidden' id='iconno' value=''>",
            `<div class="closebutton"><input type='button' onclick='document.getElementById("caspe").style.display = "none";' value='閉じる'></div>`,
        ].join("\n")
    )

    //**********************************************
    //   ロードが完了したら仕込み
    //**********************************************

    $(function () {
        var voicebutton =
            "<td class='voiceloud'><div class='voice' data-value='MSG'>普</div><div class='voice' data-value='MSG2'><strong>強</strong></div><div class='voice' data-value='MSG3'><span style='color:#6666ee;'>弱</span></div></td>"
        var submitbutton =
            "<td><input type='submit' value='行動/更新' style='height:100px; width:150px;'></td>"
        textareatable.find("td:last").after(submitbutton).after(voicebutton)

        switchInputMode()
        switchAliveFilter()

        $("#toggleButton").on("click", () => {
            memoContainer.toggle()
        })
        $("#importButton").on("click", function () {
            importLog()
            refresh()
        })
        $("div.tab").on("click", function () {
            switchDispArea(this)
        })
        $("#resetButton").on("click", function () {
            if (window.confirm("ログをすべてリセットします。本当によろしいですか？")) {
                reset()
                getToday()
                refresh()
            }
        })
        $("#reloadButton").on("click", function () {
            textarea.val("")
            document.forms[0].submit()
        })

        $("div.select.filter").on("click", function () {
            switchAliveFilter(this)
        })

        $("div.select.inputmode").on("click", function () {
            switchInputMode(this)
        })

        $("#toolArea").hover(
            () => {
                $("#toolArea_hid").show()
            },
            () => {
                $("#toolArea_hid").hide()
            }
        )
        $("#tool1").on("click", () => {
            setClipboard(makernd())
            popupMessage("コピーしました:4桁乱数")
        })
        $("#tool2").on("click", () => {
            updateplayerInfo()
            setClipboard(makematrix(playerInfo.length))
            popupMessage("コピーしました:乱数表")
        })
        $("#tool3").on("click", () => {
            updateplayerInfo()
            setClipboard(makerndjob(playerInfo.length))
            popupMessage("コピーしました:役職一覧")
        })
        $("#dispcaspe").on("click", () => {
            $("#caspe").show()
        })
        $("#dispsetting").on("click", () => {
            $("#setting").show()
        })
        $("#dispcolorsetting").on("click", () => {
            $("#colorSetting").show()
        })
        $("#setting select").on("change", function () {
            setting[$(this).attr("id")].value = $(this).val()
            save()
        })
        $("#colorSetting select").on("change", function () {
            let id = $(this).attr("id").slice(6)
            colorSetting[id].value = $(this).val()
            save()
            setNameColor()
        })
        $("#castaspellonme").on("click", function () {
            castASpellOnMe()
        })
        $("#changeicon").on("click", function () {
            var no = $("#iconno").val()
            if (no == "") return false
            if (no - 0 > 4674) no = "/../../imgbbs/img/" + no
            editSpeakField(no)
            $("select").eq(0).val("BCONCHG")
            document.forms[0].submit()
        })

        textarea.focus()

        $("div.voice").click(function () {
            $("select").eq(0).val($(this).data("value"))
            $("div.voice").removeClass("voice_selected")
            $(this).addClass("voice_selected")
        })

        $(window).on("keydown", function (e) {
            if (e.keyCode == 27) {
                memoContainer.hide()
            }
        })

        if (localStorage.debug == "on") {
            memoMenu.append("<div class='button' id='debugButton'>デバッグ用</div>")
            $("#debugButton").click(() => {
                console.log(data, today)
            })
        }

        getToday()
        dispSuggest()
        highlightDeathnote()

        if (setting.auto_import_log.value != "none") setAutoImportLog()
        if (setting.alert_vote.value == "yes") setAlertVote()
        if (setting.send_support.value != "none") receiveKeyResponse()
        if (setting.coloringName.value == "yes") setNameColor()
        if (data.villageno != getVillageno()) reset()

        refresh()

        if (!localStorage.memoVersion || localStorage.memoVersion != "1.4.2") {
            localStorage.memoVersion = "1.5.0"
            var notice = $("<div></div>", { id: "notice" }).appendTo(body)
            /*
            notice.attr("style","position:fixed;left:calc(50% - 200px);bottom:calc(50% - 100px); width:400px; height:200px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); border-top:16px solid var(--theme-color); background-color:#efefef; padding:10px; font-size:10pt;")
            notice.html("<span style='font-size:12pt'>ウドメモver1.4に伴うお知らせ</span><br>未投票時にメモを見ながら投票できる機能を追加しましたが、この機能は<b>テストできていません。</b>必ず投票状態になったことを<b>目視確認</b>してください。また正常に動かなかった場合は教えてね（はーと）<br>")
            notice.append($("<input>",{on:{click:function(){$("#notice").hide();}}, value:"表示しない", type:"button"}))
            */
        }
    })
})(jQuery)