// グローバル変数・マクロ
const C_WIDTH = 680; // Canvasの幅
const C_HEIGHT = 440; // Canvasの高さ
const G_XMIN = 75; // グラフ描画領域(左端)
const G_XMAX = C_WIDTH - 110; // グラフ描画領域(右端)
const G_YMIN = 70; // グラフ描画領域(上端)
const G_YMAX = C_HEIGHT - 50; // グラフ描画領域(下端)
const C_WIDTH4 = 1500; // Canvasの幅
const C_HEIGHT4 = 440; // Canvasの高さ
const G_XMIN4 = 80; // グラフ描画領域(左端)
const G_XMAX4 = C_WIDTH4 - 110; // グラフ描画領域(右端)
const G_YMIN4 = 70; // グラフ描画領域(上端)
const G_YMAX4 = C_HEIGHT4 - 50; // グラフ描画領域(下端)
const SETTING = 3; // 設定の数
const TERM = 5; // 選択可能な表示期間の数
const C_WIDTH3 = 310; // プレビュー用Canvasの幅
const C_HEIGHT3 = 210; // プレビュー用Canvasの高さ
const G_XMIN3 = 10; // プレビュー用グラフ描画領域(左端)
const G_XMAX3 = C_WIDTH3 - 10; // プレビュー用グラフ描画領域(右端)
const G_YMIN3 = 12.5; // プレビュー用グラフ描画領域(上端)
const G_YMAX3 = C_HEIGHT3 - 10; // プレビュー用グラフ描画領域(下端)
const suion_list = [
  "福浦","中浦尻貝","油袋沖","下灘","北灘","日振島","下波","蒋渕","三浦","遊子","宇和島","吉田","明浜","三瓶","八幡浜","伊方","三崎",
];
const suion_list_start = [
    "2019/11/26", "2018/09/18", "2019/12/26", "2016/09/02", "2017/10/12", "2016/08/04", "2020/02/07", "2017/09/27", "2017/10/12",
    "2017/09/27", "2017/10/12", "2017/10/12", "2017/06/13", "2018/02/08", "2020/09/14", "2020/09/14", "2023/06/09",
];
const suion_list_end = [
  "", "", "", "", "", "", "", "", "",
  "", "", "", "", "", "", "", "",
];
const setonaikai = ["燧灘"];
const setonaikai_start = ["2017/04/10"];
const setonaikai_end = [""];
//const suion_list = ["Fukuura", "Shiokojima", "Shimonada", "Kiatanada", "Hiburijima", "Shimonami", "Miura", "Komobuchi", "Yusu", "Uwajima", "Yoshida",  "Akehama", "Mikame", "Yawatahama", "Saijo"];
const temp_list = ["西条", "松山", "瀬戸", "宇和島", "御荘"];
//var data = new Array(suion_list.length);    // 全海水温データ保存配列
var data;
var p = new Array(suion_list.length); // 特定時点の海水温データ保存配列
var hp = new Array(suion_list.length); // 海水温の時間変化用の配列
var temp = new Array(temp_list.length); // 全気温データ保存配列
var n_temp = new Array(temp_list.length); // 特定時点の気温データ保存配列
var h_temp = new Array(temp_list.length); // 気温の時間変化用の配列
var mm_temp = new Array(temp_list.length); // 全最低気温・最高気温保存配列
var temp_minTime = new Array(temp_list.length); // 最低気温の測定時刻
var temp_maxTime = new Array(temp_list.length); // 最高気温の測定時刻
var temp_minTemp = new Array(temp_list.length); // 最低気温
var temp_maxTemp = new Array(temp_list.length); // 最高気温
const Format_type = [7, 9, 8, 9, 9, 7, 9, 6, 4, 6, 4, 4, 11, 6, 9, 11, 12]; // フォーマットタイプ
var hh = new Array(suion_list.length + 1); // 表示期間
var depth_data = new Array(); // 深さデータ保存配列
var buf; // 一時保存用配列
const color = [
  "#ff0000",
  "#ff8000",
  "#80ff00",
  "#00ff80",
  "#00ffff",
  "#0080ff",
  "#0000ff",
];
const color_table = [
  "#ff0000",
  "#ff8000",
  "#80bf00",
  "#007f00",
  "#00df88",
  "#00ffff",
  "#007fff",
  "#0000ff",
];
const color_table2 = ["#4000ff", "#8000ff", "#bf00ff", "#ff00ff", "#ff0040"];
//const deep = [ "1m", "5m", "10m", "20m", "30m", "40m", "50m", "60m"];
var deep_list = new Object();
deep_list["全体"] = ["1m", "5m", "10m", "20m", "30m", "40m", "50m", "60m"];
deep_list["福浦"] = ["1m", "5m", "10m", "20m", "30m", "40m", "50m", "60m"];
deep_list["油袋沖"] = ["1m", "5m", "10m", "20m", "30m", "40m", "50m", ""];
deep_list["下灘"] = ["1m", "5m", "10m", "20m", "", "", "", ""];
deep_list["北灘"] = ["1m", "5m", "10m", "20m", "", "", "", ""];
deep_list["日振島"] = ["1m", "5m", "10m", "20m", "30m", "40m", "50m", "60m"];
deep_list["下波"] = ["1m", "5m", "10m", "20m", "", "", "", ""];
deep_list["三浦"] = ["", "5m", "10m", "20m", "", "", "", ""];
deep_list["蒋渕"] = ["1m", "5m", "10m", "20m", "30m", "40m", "", ""];
deep_list["遊子"] = ["1m", "5m", "10m", "20m", "30m", "40m", "", ""];
deep_list["宇和島"] = ["", "5m", "10m", "20m", "", "", "", ""];
deep_list["吉田"] = ["", "5m", "10m", "20m", "", "", "", ""];
deep_list["明浜"] = ["1m", "5m", "10m", "20m", "30m", "", "", ""];
deep_list["三瓶"] = ["1m", "5m", "10m", "20m", "30m", "40m", "", ""];
deep_list["八幡浜"] = ["1m", "5m", "10m", "20m", "", "", "", ""];
deep_list["中浦尻貝"] = ["1m", "5m", "10m", "20m", "", "", "", ""];
//deep_list["小池"] = ["1m", "5m", "10m", "20m", "30m", "40m", "", ""];
deep_list["伊方"] = ["1m", "5m", "10m", "20m", "30m", "", "", ""];
deep_list["三崎"] = ["1m", "4m", "", "", "", "", "", ""];
const tempList = [-10, -5, 0, 5, 10, 15, 20, 25, 30, 35, 40];
var checkList = new Array(deep_list["全体"].length);
var checkList2 = new Array(deep_list["全体"].length);
var checkList3 = new Array(temp_list.length);
//var auto_switch = [false, false];
const h_table = [24, 48, 192, 744, 1464];
var graph_hour = new Array(suion_list.length + 1);
var minTemp = new Array(suion_list.length);
var maxTemp = new Array(suion_list.length);
var prev_minTemp = new Array(suion_list.length);
var prev_maxTemp = new Array(suion_list.length);
var now_minTemp;
var now_maxTemp;
var kion_minTemp = -5;
var kion_maxTemp = 35;
var cursor_x = new Array(suion_list.length + 1);
var cursor_y = new Array(suion_list.length + 1);
var data_offset = new Array(suion_list.length + 1);
var img = new Image();
var element = new Array(suion_list.length + 1);
var setting_name = new Array(2);
var past_check_list = new Array(SETTING);
var now_check_list = new Array(SETTING);
var kion_check_list = new Array(SETTING);
var past_minTemp_setting = new Array(SETTING);
var past_maxTemp_setting = new Array(SETTING);
var now_minTemp_setting = new Array(SETTING);
var now_maxTemp_setting = new Array(SETTING);
var kion_minTemp_setting = new Array(SETTING);
var kion_maxTemp_setting = new Array(SETTING);
var load_date; // ロード時刻保存用
var now_date; // 現在時刻保存用
var mode = 0; // 閲覧モード 0:最新のデータ 1:過去のデータ 2:研究者専用機能
var graph_mode = 0;
var naibu = 0;
var test = 0;
var temp_bool = false; // 温度スライダー連動用

var map_mode = 0;

function load_cookie() {
  // Cookieの読み込み
  // 未使用
  if (get_cookie("setting_name2") != -1) {
    buf = get_cookie("setting_name2").split(",");
    for (var i = 0; i < buf.length; i++) {
      setting_name[Math.floor(i / setting_name[0].length)][
        i % setting_name[0].length
      ] = buf[i];
    }
  } else {
    for (var i = 0; i < setting_name.length; i++) {
      setting_name[i] = ["設定A", "設定B", "設定C"];
    }
  }
  if (
    get_cookie("past_minTemp_setting") != -1 &&
    get_cookie("past_maxTemp_setting") != -1
  ) {
    past_minTemp_setting = get_cookie("past_minTemp_setting").split(",");
    past_maxTemp_setting = get_cookie("past_maxTemp_setting").split(",");
    for (var i = 0; i < setting_name[mode].length; i++) {
      past_minTemp_setting[i] = parseInt(past_minTemp_setting[i]);
      past_maxTemp_setting[i] = parseInt(past_maxTemp_setting[i]);
    }
  } else {
    past_minTemp_setting = [10, 10, 10];
    past_maxTemp_setting = [30, 30, 30];
  }
  if (
    get_cookie("now_minTemp_setting") != -1 &&
    get_cookie("now_maxTemp_setting") != -1
  ) {
    now_minTemp_setting = get_cookie("now_minTemp_setting").split(",");
    now_maxTemp_setting = get_cookie("now_maxTemp_setting").split(",");
    for (var i = 0; i < setting_name[mode].length; i++) {
      now_minTemp_setting[i] = parseInt(now_minTemp_setting[i]);
      now_maxTemp_setting[i] = parseInt(now_maxTemp_setting[i]);
    }
  } else {
    now_minTemp_setting = [10, 10, 10];
    now_maxTemp_setting = [30, 30, 30];
  }
  if (
    get_cookie("kion_minTemp_setting") != -1 &&
    get_cookie("kion_maxTemp_setting") != -1
  ) {
    kion_minTemp_setting = get_cookie("kion_minTemp_setting").split(",");
    kion_maxTemp_setting = get_cookie("kion_maxTemp_setting").split(",");
    for (var i = 0; i < setting_name[mode].length; i++) {
      kion_minTemp_setting[i] = parseInt(kion_minTemp_setting[i]);
      kion_maxTemp_setting[i] = parseInt(kion_maxTemp_setting[i]);
    }
  } else {
    kion_minTemp_setting = [-5, -5, -5];
    kion_maxTemp_setting = [35, 35, 35];
  }
  if (get_cookie("past_check_list") != -1) {
    var cl = get_cookie("past_check_list").split(",");
    if (cl.length == checkList.length + 1) {
      for (var i = 0; i < cl.length - 1; i++) {
        if (cl[i] == "true") {
          past_check_list[Math.floor(i / checkList.length)][
            Math.floor(i % checkList.length)
          ] = true;
        } else {
          past_check_list[Math.floor(i / checkList.length)][
            Math.floor(i % checkList.length)
          ] = false;
        }
      }
    }
  }
  if (get_cookie("now_check_list") != -1) {
    var cl = get_cookie("now_check_list").split(",");
    if (cl.length == checkList2.length + 1) {
      for (var i = 0; i < cl.length - 1; i++) {
        if (cl[i] == "true") {
          now_check_list[Math.floor(i / checkList2.length)][
            Math.floor(i % checkList2.length)
          ] = true;
        } else {
          now_check_list[Math.floor(i / checkList2.length)][
            Math.floor(i % checkList2.length)
          ] = false;
        }
      }
    }
  }
  if (get_cookie("kion_check_list") != -1) {
    var cl = get_cookie("kion_check_list").split(",");
    if (cl.length == checkList3.length + 1) {
      for (var i = 0; i < cl.length - 1; i++) {
        if (cl[i] == "true") {
          kion_check_list[Math.floor(i / checkList3.length)][
            Math.floor(i % checkList3.length)
          ] = true;
        } else {
          kion_check_list[Math.floor(i / checkList3.length)][
            Math.floor(i % checkList3.length)
          ] = false;
        }
      }
    }
  }
}

function load_cookie_com() {
  // 共通クッキーの読み込み
  // 設定名の読み込み
  if (get_cookie("setting_name2") != -1) {
    buf = get_cookie("setting_name2").split(",");
    for (var i = 0; i < buf.length; i++) {
      setting_name[Math.floor(i / setting_name[0].length)][
        i % setting_name[0].length
      ] = buf[i];
    }
  } else {
    for (var i = 0; i < setting_name.length; i++) {
      setting_name[i] = ["設定A", "設定B", "設定C"];
    }
  }

  // 表示モードの読み込み
  if (get_cookie("mode") != -1) {
    mode = parseInt(get_cookie("mode"));
  } else {
    mode = 0;
  }
}

function load_cookie_now() {
  // 『現在の状況』用クッキーの読み込み
  // 温度表示範囲の読み込み
  if (
    get_cookie("now_minTemp_setting") != -1 &&
    get_cookie("now_maxTemp_setting") != -1
  ) {
    now_minTemp_setting = get_cookie("now_minTemp_setting").split(",");
    now_maxTemp_setting = get_cookie("now_maxTemp_setting").split(",");
    for (var i = 0; i < setting_name[mode].length; i++) {
      now_minTemp_setting[i] = parseInt(now_minTemp_setting[i]);
      now_maxTemp_setting[i] = parseInt(now_maxTemp_setting[i]);
    }
  } else {
    // 読み込みに失敗した場合はデフォルトに設定
    now_minTemp_setting = [10, 10, 10];
    now_maxTemp_setting = [30, 30, 30];
  }

  // チェックリストのチェック状況の読み込み
  if (get_cookie("now_check_list") != -1) {
    var cl = get_cookie("now_check_list").split(",");
    if (cl.length == checkList2.length + 1) {
      // バージョンアップにより，Cookieが使えない場合は読み込まない
      for (var i = 0; i < cl.length - 1; i++) {
        if (cl[i] == "true") {
          now_check_list[Math.floor(i / checkList2.length)][
            Math.floor(i % checkList2.length)
          ] = true;
        } else {
          now_check_list[Math.floor(i / checkList2.length)][
            Math.floor(i % checkList2.length)
          ] = false;
        }
      }
    }
  }

  // 前回アクセス時の表示設定を読み込み
  if (get_cookie("now_minTemp") != -1 && get_cookie("now_maxTemp") != -1) {
    now_minTemp = parseInt(get_cookie("now_minTemp"));
    now_maxTemp = parseInt(get_cookie("now_maxTemp"));
  } else {
    now_minTemp = 10;
    now_maxTemp = 30;
  }

  for (var i = checkList2.length - 1; i >= 0; i--) {
    var c_name = "now_check" + i;
    var id = "now_depth" + i;
    if (get_cookie(c_name) != -1) {
      if (get_cookie(c_name) == "true") {
        document.getElementById(id).checked = true;
        checkList2[i] = true;
      } else {
        document.getElementById(id).checked = false;
        checkList2[i] = false;
      }
    } else {
      // バージョンアップにより，Cookieが使えない場合は読み込まない
      return;
    }
  }
}

function load_cookie_past() {
  // 『過去の状況』用クッキーの読み込み
  // 設定パターンの読み込み
  if (
    get_cookie("past_minTemp_setting") != -1 &&
    get_cookie("past_maxTemp_setting") != -1
  ) {
    past_minTemp_setting = get_cookie("past_minTemp_setting").split(",");
    past_maxTemp_setting = get_cookie("past_maxTemp_setting").split(",");
    for (var i = 0; i < setting_name[mode].length; i++) {
      past_minTemp_setting[i] = parseInt(past_minTemp_setting[i]);
      past_maxTemp_setting[i] = parseInt(past_maxTemp_setting[i]);
    }
  } else {
    past_minTemp_setting = [10, 10, 10];
    past_maxTemp_setting = [30, 30, 30];
  }
  if (
    get_cookie("kion_minTemp_setting") != -1 &&
    get_cookie("kion_maxTemp_setting") != -1
  ) {
    kion_minTemp_setting = get_cookie("kion_minTemp_setting").split(",");
    kion_maxTemp_setting = get_cookie("kion_maxTemp_setting").split(",");
    for (var i = 0; i < setting_name[mode].length; i++) {
      kion_minTemp_setting[i] = parseInt(kion_minTemp_setting[i]);
      kion_maxTemp_setting[i] = parseInt(kion_maxTemp_setting[i]);
    }
  } else {
    kion_minTemp_setting = [-5, -5, -5];
    kion_maxTemp_setting = [35, 35, 35];
  }
  if (get_cookie("past_check_list") != -1) {
    var cl = get_cookie("past_check_list").split(",");
    if (cl.length == checkList.length + 1) {
      // バージョンアップにより，Cookieが使えない場合は読み込まない
      for (var i = 0; i < cl.length - 1; i++) {
        if (cl[i] == "true") {
          past_check_list[Math.floor(i / checkList.length)][
            Math.floor(i % checkList.length)
          ] = true;
        } else {
          past_check_list[Math.floor(i / checkList.length)][
            Math.floor(i % checkList.length)
          ] = false;
        }
      }
    }
  }
  if (get_cookie("kion_check_list") != -1) {
    var cl = get_cookie("kion_check_list").split(",");
    if (cl.length == checkList3.length + 1) {
      // バージョンアップにより，Cookieが使えない場合は読み込まない
      for (var i = 0; i < cl.length - 1; i++) {
        if (cl[i] == "true") {
          kion_check_list[Math.floor(i / checkList3.length)][
            Math.floor(i % checkList3.length)
          ] = true;
        } else {
          kion_check_list[Math.floor(i / checkList3.length)][
            Math.floor(i % checkList3.length)
          ] = false;
        }
      }
    }
  }

  // 前回アクセス時の表示設定を読み込み
  if (get_cookie("past_minTemp") != -1 && get_cookie("past_maxTemp") != -1) {
    for (var i = 0; i < minTemp.length; i++) {
      minTemp[i] = parseInt(get_cookie("past_minTemp"));
      maxTemp[i] = parseInt(get_cookie("past_maxTemp"));
    }
  } else {
    for (var i = 0; i < minTemp.length; i++) {
      minTemp[i] = 10;
      maxTemp[i] = 30;
    }
  }

  for (var i = 0; i < suion_list.length; i++) {
    prev_minTemp[i] = minTemp[0];
    prev_maxTemp[i] = maxTemp[0];
  }

  if (get_cookie("kion_minTemp") != -1 && get_cookie("kion_maxTemp") != -1) {
    kion_minTemp = parseInt(get_cookie("kion_minTemp"));
    kion_maxTemp = parseInt(get_cookie("kion_maxTemp"));
  } else {
    kion_minTemp = -5;
    kion_maxTemp = 35;
  }

  for (var j = 0; j < suion_list.length; j++) {
    var s = "past_check" + (checkList.length - 1);
    if (get_cookie(s) == -1) {
      // バージョンアップにより，Cookieが使えない場合は読み込まない
      break;
    }
    for (var i = 0; i < checkList.length; i++) {
      var c_name = "past_check" + i;
      var id = "depth" + j + i;
      if (get_cookie(c_name) != -1) {
        if (deep_list[suion_list[j]][i] == "") {
          continue;
        }
        if (get_cookie(c_name) == "true") {
          document.getElementById(id).checked = true;
          checkList[i] = true;
        } else {
          document.getElementById(id).checked = false;
          checkList[i] = false;
        }
      }
    }
  }

  for (var i = checkList3.length - 1; i >= 0; i--) {
    var c_name = "temp_check" + i;
    var id = "temp_pt" + i;
    if (get_cookie(c_name) != -1) {
      if (get_cookie(c_name) == "true") {
        document.getElementById(id).checked = true;
        checkList3[i] = true;
      } else {
        document.getElementById(id).checked = false;
        checkList3[i] = false;
      }
    } else {
      // バージョンアップにより，Cookieが使えない場合は読み込まない
      break;
    }
  }

  // 表示期間の読み込み
  if (get_cookie("hh") != -1) {
    var hh_text = get_cookie("hh");
    hh_text = hh_text.split(",");
    for (var i = 0; i < hh_text.length; i++) {
      hh[i] = parseInt(hh_text[i]);
    }
  }
}

function init() {
  // グローバル変数の初期化
  data = new Array(suion_list.length);
  p = new Array(suion_list.length);
  hp = new Array(suion_list.length);
  temp = new Array(temp_list.length);
  n_temp = new Array(temp_list.length);
  h_temp = new Array(temp_list.length);
  mm_temp = new Array(temp_list.length);
  temp_minTime = new Array(temp_list.length);
  temp_maxTime = new Array(temp_list.length);
  temp_minTemp = new Array(temp_list.length);
  temp_maxTemp = new Array(temp_list.length);
  for (var i = 0; i < hh.length; i++) {
    hh[i] = 2;
  }
  buf = "";
  for (var i = 0; i < checkList.length; i++) {
    checkList[i] = true;
    checkList2[i] = true;
    if (i < checkList3.length) {
      checkList3[i] = true;
    }
  }
  for (var i = 0; i < graph_hour.length; i++) {
    graph_hour[i] = h_table;
  }
  for (var i = 0; i < suion_list.length; i++) {
    minTemp[i] = 10;
    maxTemp[i] = 30;
  }
  for (var i = 0; i < suion_list.length + 1; i++) {
    cursor_x[i] = 0;
    cursor_y[i] = 0;
    data_offset[i] = 0;
  }
  now_minTemp = 10;
  now_maxTemp = 30;
  kion_minTemp = -5;
  kion_maxTemp = 35;
  prev_minTemp = new Array(suion_list.length);
  prev_maxTemp = new Array(suion_list.length);
  img = new Image();
  element = new Array(suion_list.length + 1);
  for (var i = 0; i < setting_name.length; i++) {
    setting_name[i] = ["設定A", "設定B", "設定C"];
  }
  for (var i = 0; i < SETTING; i++) {
    past_check_list[i] = new Array(checkList.length);
    for (var j = 0; j < checkList.length; j++) {
      past_check_list[i][j] = true;
    }
    now_check_list[i] = new Array(checkList2.length);
    for (var j = 0; j < checkList2.length; j++) {
      now_check_list[i][j] = true;
    }
    kion_check_list[i] = new Array(checkList3.length);
    for (var j = 0; j < checkList3.length; j++) {
      kion_check_list[i][j] = true;
    }
    past_minTemp_setting[i] = 10;
    past_maxTemp_setting[i] = 30;
    now_minTemp_setting[i] = 10;
    now_maxTemp_setting[i] = 30;
    kion_minTemp_setting[i] = -5;
    kion_maxTemp_setting[i] = 35;
  }
  mode = 0;
  graph_mode = 0;
  naibu = 0;
  temp_bool = false;
}

function load(flag) {
  // ページロード時の処理
  // ロード時刻の保存
  load_date = new Date();

  //setInterval('clock()', 1000);

  // 初期化
  init();

  if (flag == 0) {
    naibu = 0;
  } else {
    naibu = 1;
  }

  // 共通クッキーの読み込み
  load_cookie_com();
  if (flag == 2){
	  data = past_suion_set_mod();
	  temp = past_temp_set_past();
	  mm_temp = past_min_max_temp_set();
  }
  else{
  	data = suion_set_mod();
  	temp = temp_set();
  	mm_temp = min_max_temp_set();
  }
  console.log(temp);
  // 深さデータの読み込み
  //depth_data = depth_set();
}

//過去の指定日時のデータを読込
function load_past(flag) {
  // ページロード時の処理
  //load_date = new Date();
  
  init();

  if (flag == 0) {
    naibu = 0;
  } else {
    naibu = 1;
  }
  console.log(load_date);
  load_cookie_com();
  //過去データ読込用
  data = past_naibu_suion_set_mod();
  temp = past_naibu_temp_set();
  mm_temp = past_naibu_min_max_temp_set();
  console.log(data);
  console.log(temp);
  console.log(mm_temp)
}

function load_now_data(flag) {
 
  // 『最新のデータ』ボタン押下時のロード処理
  mode = 0;
  set_cookie("mode", mode, 365);
  now_date = new Date();
  if (now_date.getHours() - load_date.getHours() >= 1) {
    window.location.reload();
  } else if (load_date.getMinutes() < 11 && now_date.getMinutes() >= 11) {
    window.location.reload();
  }
  set_html_now(flag);
  $(function () {
    $("#ui-tab").tabs({ heightStyle: "content" });
  });
  setselTable_now();
  load_cookie_now();

  for (i = 0; i < temp.length; i++) {
    n_temp[i] = now_temp_set(temp[i]);
  }

  for (i = 0; i < suion_list.length; i++) {
    p[i] = now_suion_set(Format_type[i], data[i]);
  }

  if (flag == 0) {
    makemap();
  }

  setText();
  setTable(flag);

  $(function () {
    $("#now_temp_range").slider({
      orientation: "vertical",
      min: -10,
      max: 40,
      step: 5,
      range: true,
      values: [now_minTemp, now_maxTemp],
      slide: function (e, ui) {
        if (ui.values[0] == ui.values[1]) {
          return false;
        }
        //display_temp('temp2', ui.values[0], ui.values[1]);
      },
      change: function (e, ui) {
        limit_temp_set(ui.values[0], ui.values[1], 1);
        //display_temp('temp2', ui.values[0], ui.values[1]);
      },
      create: function (e, ui) {
        var values = $(this).slider("option", "values");
        limit_temp_set(values[0], values[1], 1);
        //display_temp('temp2', values[0], values[1]);
      },
    });
  });
  for (var i = 0; i < setting_name[0].length; i++) {
    display_setting_now(i);
  }
  set_setting_button();
  if (flag == 0) {
    for (var i = 0; i < suion_list.length; i++) {
      addEvent(i);
    }
    for (var i = 0; i < temp_list.length; i++) {
      kion_addEvent(i);
    }
  }
}

function load_past_data(flag) {
  // 『過去のデータ』ボタン押下時のロード処理
  mode = 1;
  set_cookie("mode", mode, 365);
  now_date = new Date();
  if (now_date.getHours() - load_date.getHours() >= 1) {
    window.location.reload();
  } else if (load_date.getMinutes() < 11 && now_date.getMinutes() >= 11) {
    window.location.reload();
  }
  set_html_past(flag);
  draw_time_tick();
  $(function () {
    $("#ui-tab").tabs({ heightStyle: "content" });
  });

  // Canvas要素の取得
  for (var i = 0; i < element.length; i++) {
    buf = "past" + i;
    element[i] = document.getElementById(buf);
  }

  setselTable();
  setselTable_temp();
  load_cookie_past();

  for (i = 0; i < h_temp.length; i++) {
    h_temp[i] = past_temp_set(
      temp[i],
      graph_hour[suion_list.length][hh[suion_list.length]],
      0
    );
  }
 
  for (i = 0; i < suion_list.length; i++) {
    hp[i] = past_suion_set(Format_type[i], data[i], graph_hour[i][hh[i]], 0);
  }
  console.log(hp);
  if (flag == 0) {
    makemap();
  }

  $(function () {
    $("#time_range").slider({
      min: 0,
      max: 720,
      step: 1,
      value: 720,
      slide: function (e, ui) {
        //                    var date = new Date();
        //                    date.setHours(load_date.getHours() - (720 - ui.value));
        //                    var year = date.getFullYear();
        //                    var month = date.getMonth() + 1;
        //                    var day = date.getDate();
        //                    var hour = date.getHours();
        //                    var measure_time = "" + year + "/" + ("0" + month).slice(-2) + "/" + ("0" + day).slice(-2) + " " + hour + ":00:00";
        //                    document.getElementById("measure_time").innerHTML = measure_time;
        make_table(ui.value, naibu);
      },
      change: function (e, ui) {
        make_table(ui.value, naibu);
      },
      create: function (e, ui) {
        var value = $(this).slider("option", "value");
        make_table(value, naibu);
      },
    });
    for (var i = 0; i <= suion_list.length; i++) {
      var s_id = "#zoom" + i;
      $(s_id).slider({
        min: 0,
        max: 4,
        step: 1,
        value: 4 - hh[i],
        slide: function (e, ui) {
          var sp = e.target.id.split("m");
          var type = parseInt(sp[1]);
          var lv_id = "#zoom_lv" + type;
          change_text(lv_id, -1 * ui.value);
        },
        change: function (e, ui) {
          var sp = e.target.id.split("m");
          var type = parseInt(sp[1]);
          var lv_id = "#zoom_lv" + type;
          change_text(lv_id, -1 * ui.value);
          slide_time_range(type, -1 * ui.value);
        },
        create: function (e, ui) {
          var sp = e.target.id.split("m");
          var type = parseInt(sp[1]);
          var lv_id = "#zoom_lv" + type;
          change_text(lv_id, -1 * $(this).slider("option", "value"));
          slide_time_range(type, -1 * $(this).slider("option", "value"));
        },
      });
    }
  });

  $(function () {
    for (var i = 0; i < suion_list.length; i++) {
      var id = "#past_temp_range" + i;
      $(id).slider({
        orientation: "vertical",
        min: -10,
        max: 40,
        step: 5,
        range: true,
        values: [minTemp[0], maxTemp[0]],
        slide: function (e, ui) {
          temp_bool = false;
          if (ui.values[0] == ui.values[1]) {
            return false;
          }
          //display_temp('temp', ui.values[0], ui.values[1]);
        },
        change: function (e, ui) {
          var sp = e.target.id.split("ge");
          var type = parseInt(sp[1]);
          if (temp_bool) {
            prev_maxTemp[type] = ui.values[1];
          }
          if (
            prev_minTemp[type] == ui.values[0] &&
            prev_maxTemp[type] == ui.values[1]
          ) {
            if (temp_bool) temp_bool = false;
            else temp_bool = true;
            return;
          }
          if (!temp_bool) {
            prev_minTemp[type] = ui.values[0];
          }
          for (var i = 0; i < suion_list.length; i++) {
            if (i == type) {
              prev_maxTemp[type] = ui.values[1];
              continue;
            }
            var id = "#past_temp_range" + i;
            prev_minTemp[i] = ui.values[0];
            jQuery(id).slider("values", [ui.values[0], ui.values[1]]);
          }
          limit_temp_set(ui.values[0], ui.values[1], 0);
          temp_bool = false;
          //display_temp('temp', ui.values[0], ui.values[1]);
        },
        create: function (e, ui) {
          var values = $(this).slider("option", "values");
          limit_temp_set(values[0], values[1], 0);
          //display_temp('temp', values[0], values[1]);
        },
      });
    }

    $("#temp_range2").slider({
      orientation: "vertical",
      min: -10,
      max: 40,
      step: 5,
      range: true,
      values: [kion_minTemp, kion_maxTemp],
      slide: function (e, ui) {
        if (ui.values[0] == ui.values[1]) {
          return false;
        }
        //display_temp('temp3', ui.values[0], ui.values[1]);
      },
      change: function (e, ui) {
        limit_temp_set(ui.values[0], ui.values[1], 2);
        //display_temp('temp3', ui.values[0], ui.values[1]);
      },
      create: function (e, ui) {
        var values = $(this).slider("option", "values");
        limit_temp_set(values[0], values[1], 2);
        //display_temp('temp3', values[0], values[1]);
      },
    });
  });

  for (var i = 0; i < element.length; i++) {
    //        var func = 'canvas_addEventListener(' + i + ')';
    //        setInterval(func, 1000/60);
    canvas_addEventListener(i);
  }

  //    draw_temp_graph(graph_hour[suion_list.length][hh[suion_list.length]]);
  for (var i = 0; i < 3; i++) {
    display_setting_past(i);
  }
  set_setting_button();
  if (flag == 0) {
    for (var i = 0; i < suion_list.length; i++) {
      addEvent(i);
    }
    for (var i = 0; i < temp_list.length; i++) {
      kion_addEvent(i);
    }
  }
}

function load_past_naibu_data(flag) {
    // 過去の日付を選択した際のデータ読込
    mode = 1;
    set_cookie("mode", mode, 365);
    now_date = new Date();
    if (now_date.getHours() - load_date.getHours() >= 1) {
      window.location.reload();
    } else if (load_date.getMinutes() < 11 && now_date.getMinutes() >= 11) {
      window.location.reload();
    }
    set_html_naibu_past(flag);
    draw_time_tick();
    $(function () {
      $("#ui-tab").tabs({ heightStyle: "content" });
    });
  
    // Canvas要素の取得
    for (var i = 0; i < element.length; i++) {
      buf = "past" + i;
      element[i] = document.getElementById(buf);
    }
  
    setselTable();
    setselTable_temp();
    load_cookie_past();
  
    for (i = 0; i < h_temp.length; i++) {
      h_temp[i] = past_temp_set(
        temp[i],
        graph_hour[suion_list.length][hh[suion_list.length]],
        0
      );
    }
      
    for (i = 0; i < suion_list.length; i++) {
      hp[i] = past_suion_set(Format_type[i], data[i], graph_hour[i][hh[i]], 0);
    }	
    if (flag == 0) {
      makemap();
    }
  
    $(function () {
      $("#time_range").slider({
        min: 0,
        max: 720,
        step: 1,
        value: 720,
        slide: function (e, ui) {
          //                    var date = new Date();
          //                    date.setHours(load_date.getHours() - (720 - ui.value));
          //                    var year = date.getFullYear();
          //                    var month = date.getMonth() + 1;
          //                    var day = date.getDate();
          //                    var hour = date.getHours();
          //                    var measure_time = "" + year + "/" + ("0" + month).slice(-2) + "/" + ("0" + day).slice(-2) + " " + hour + ":00:00";
          //                    document.getElementById("measure_time").innerHTML = measure_time;
          make_table(ui.value, naibu);
        },
        change: function (e, ui) {
          make_table(ui.value, naibu);
        },
        create: function (e, ui) {
          var value = $(this).slider("option", "value");
          make_table(value, naibu);
        },
      });
      for (var i = 0; i <= suion_list.length; i++) {
        var s_id = "#zoom" + i;
        $(s_id).slider({
          min: 0,
          max: 4,
          step: 1,
          value: 4 - hh[i],
          slide: function (e, ui) {
            var sp = e.target.id.split("m");
            var type = parseInt(sp[1]);
            var lv_id = "#zoom_lv" + type;
            change_text(lv_id, -1 * ui.value);
          },
          change: function (e, ui) {
            var sp = e.target.id.split("m");
            var type = parseInt(sp[1]);
            var lv_id = "#zoom_lv" + type;
            change_text(lv_id, -1 * ui.value);
            slide_time_range(type, -1 * ui.value);
          },
          create: function (e, ui) {
            var sp = e.target.id.split("m");
            var type = parseInt(sp[1]);
            var lv_id = "#zoom_lv" + type;
            change_text(lv_id, -1 * $(this).slider("option", "value"));
            slide_time_range(type, -1 * $(this).slider("option", "value"));
          },
        });
      }
    });
  
    $(function () {
      for (var i = 0; i < suion_list.length; i++) {
        var id = "#past_temp_range" + i;
        $(id).slider({
          orientation: "vertical",
          min: -10,
          max: 40,
          step: 5,
          range: true,
          values: [minTemp[0], maxTemp[0]],
          slide: function (e, ui) {
            temp_bool = false;
            if (ui.values[0] == ui.values[1]) {
              return false;
            }
            //display_temp('temp', ui.values[0], ui.values[1]);
          },
          change: function (e, ui) {
            var sp = e.target.id.split("ge");
            var type = parseInt(sp[1]);
            if (temp_bool) {
              prev_maxTemp[type] = ui.values[1];
            }
            if (
              prev_minTemp[type] == ui.values[0] &&
              prev_maxTemp[type] == ui.values[1]
            ) {
              if (temp_bool) temp_bool = false;
              else temp_bool = true;
              return;
            }
            if (!temp_bool) {
              prev_minTemp[type] = ui.values[0];
            }
            for (var i = 0; i < suion_list.length; i++) {
              if (i == type) {
                prev_maxTemp[type] = ui.values[1];
                continue;
              }
              var id = "#past_temp_range" + i;
              prev_minTemp[i] = ui.values[0];
              jQuery(id).slider("values", [ui.values[0], ui.values[1]]);
            }
            limit_temp_set(ui.values[0], ui.values[1], 0);
            temp_bool = false;
            //display_temp('temp', ui.values[0], ui.values[1]);
          },
          create: function (e, ui) {
            var values = $(this).slider("option", "values");
            limit_temp_set(values[0], values[1], 0);
            //display_temp('temp', values[0], values[1]);
          },
        });
      }
  
      $("#temp_range2").slider({
        orientation: "vertical",
        min: -10,
        max: 40,
        step: 5,
        range: true,
        values: [kion_minTemp, kion_maxTemp],
        slide: function (e, ui) {
          if (ui.values[0] == ui.values[1]) {
            return false;
          }
          //display_temp('temp3', ui.values[0], ui.values[1]);
        },
        change: function (e, ui) {
          limit_temp_set(ui.values[0], ui.values[1], 2);
          //display_temp('temp3', ui.values[0], ui.values[1]);
        },
        create: function (e, ui) {
          var values = $(this).slider("option", "values");
          limit_temp_set(values[0], values[1], 2);
          //display_temp('temp3', values[0], values[1]);
        },
      });
    });
  
    for (var i = 0; i < element.length; i++) {
      //        var func = 'canvas_addEventListener(' + i + ')';
      //        setInterval(func, 1000/60);
      canvas_addEventListener(i);
    }
  
    //    draw_temp_graph(graph_hour[suion_list.length][hh[suion_list.length]]);
    for (var i = 0; i < 3; i++) {
      display_setting_past(i);
    }
    set_setting_button();
    if (flag == 0) {
      for (var i = 0; i < suion_list.length; i++) {
        addEvent(i);
      }
      for (var i = 0; i < temp_list.length; i++) {
        kion_addEvent(i);
      }
    }
}


function load_download_page() {
  mode = 2;
  set_cookie("mode", mode, 365);
  set_html_download();
  set_download_table();
}

function load_min_max() {
  set_html_suion();

  for (var i = 0; i < element.length; i++) {
    buf = "past" + i;
    element[i] = document.getElementById(buf);
  }
  for (i = 0; i < suion_list.length; i++) {
    cursor_x[i] = 0;
    cursor_y[i] = 0;
    data_offset[i] = 0;
    //        hh[i] = 0;
    //        graph_hour[i] = h_table;
    data[i] = suion_set(i);
    hp[i] = past_suion_set(Format_type[i], data[i], 744, 0);
  }
  draw_min_max_graph(0, 744);
}

function auto_set() {
  for (var i = 0; i < auto_switch.length; i++) {
    if (auto_switch[i]) {
      switch (i) {
        case 0:
          regulate_temp_now();
          break;
        case 1:
          regulate_temp();
          break;
      }
    }
  }
}
function change_text(id, value) {
  var text = "表示期間<br>";
  switch (value) {
    case -4:
      text += "24時間";
      break;
    case -3:
      text += "48時間";
      break;
    case -2:
      text += "7日間";
      break;
    case -1:
      text += "30日間";
      break;
    case 0:
      text += "60日間";
      break;
  }
  jQuery(id).html(text);
}

function clock() {
  // デモ時はコメントアウトする
  now_date = new Date();
  if (now_date.getMinutes() == 2 && now_date.getSeconds() == 0) {
    window.location.reload();
  }
  if (now_date.getMinutes() == 11 && now_date.getSeconds() == 0) {
    window.location.reload();
  }
}