var marker = new Array(suion_list.length);
var n_marker = new Array();
var marker_kion = new Array();
var n_marker_kion = new Array();
var circle = new Array(suion_list.length);
var n_circle = new Array();
var circle_kion = new Array();
var n_circle_kion = new Array();
var window = new Array();
/*
    var lat_list = [ 32.923144444444446,
                     33.030568055555555,
                     33.05889,
                     33.167444444444444,
                     33.16974722222222,
                     33.45583361111112,
                     33.94668,
                     33.30859722];
    var lng_list = [ 132.5230861111111,
                     132.446955,
                     132.42666833333333,
                     132.29383333333333,
                     132.43861666666666,
                     132.39722333333333,
                     133.09583583333332,
                     132.42741388];
*/

const a_kion_lat_list = [
  32.952222222222225,
  33.218333333333334,
  33.43555555555555,
  33.835,
  33.902499999999996,
];

const a_kion_lng_list = [
  132.56722222222223,
  132.55027777777778,
  132.2511111111111,
  132.76833333333334,
  133.0688888888889,
];

const kion_lat_list = [
  32.952222222222225,
  33.218333333333334,
  33.43555555555555,
];

const north_lat_list = [33.835, 33.902499999999996];

const kion_lng_list = [
  132.56722222222223,
  132.55027777777778,
  132.2511111111111,
];

const north_lng_list = [132.76833333333334, 133.0688888888889];

var lat_key_list = new Object();
var lng_key_list = new Object();
var north_lat_key_list = new Object();
var north_lng_key_list = new Object();
var a_lat_key_list = new Object();
var a_lng_key_list = new Object();
lat_key_list["福浦"] = 32.92296;
lng_key_list["福浦"] = 132.52314;
//lat_key_list['塩子島'] = 33.030568055555555;
//lng_key_list['塩子島'] = 132.446955;
lat_key_list["塩子島"] = 33.02978333;
lng_key_list["塩子島"] = 132.44762777;
//lat_key_list['下灘'] = 33.05889;
//lng_key_list['下灘'] = 132.42666833333333;
lat_key_list["下灘"] = 33.064182;
lng_key_list["下灘"] = 132.413759;
lat_key_list["北灘"] = 33.13503611;
lng_key_list["北灘"] = 132.48477499;
lat_key_list["日振島"] = 33.17140833;
lng_key_list["日振島"] = 132.29423055;
lat_key_list["下波"] = 33.16974722222222;
lng_key_list["下波"] = 132.43861666666666;
lat_key_list["三浦"] = 33.18913611;
lng_key_list["三浦"] = 132.49055555;
lat_key_list["蒋渕"] = 33.18194444;
lng_key_list["蒋渕"] = 132.42846111;
lat_key_list["遊子"] = 33.19961944;
lng_key_list["遊子"] = 132.46163888;
lat_key_list["宇和島"] = 33.21880833;
lng_key_list["宇和島"] = 132.53515;
lat_key_list["吉田"] = 33.25591111;
lng_key_list["吉田"] = 132.52352777;
lat_key_list["明浜"] = 33.3142;
lng_key_list["明浜"] = 132.47118333;
lat_key_list["三瓶"] = 33.36241111;
lng_key_list["三瓶"] = 132.38949166;
//lat_key_list["八幡浜"] = 33.457913;
//lng_key_list["八幡浜"] = 132.390392;
lat_key_list["八幡浜"] = 33.45813333;
lng_key_list["八幡浜"] = 132.39033333;
lat_key_list["油袋沖"] = 33.04249;
lng_key_list["油袋沖"] = 132.45437;
lat_key_list["中浦尻貝"] = 32.96484;
lng_key_list["中浦尻貝"] = 132.50456;
lat_key_list["小池"] = 33.201533;
lng_key_list["小池"] = 132.495667;
lat_key_list["伊方"] = 33.47608762;
lng_key_list["伊方"] = 132.35431227;
lat_key_list["三崎"] = 33.36396735;
lng_key_list["三崎"] = 132.04861720;
//north_lat_key_list['西条'] = 33.94668;
//north_lng_key_list['西条'] = 133.09583583333332;

for (var i = 0; i < suion_list.length; i++) {
  if (suion_list[i] == "西条") {
    a_lat_key_list[suion_list[i]] = north_lat_key_list[suion_list[i]];
    a_lng_key_list[suion_list[i]] = north_lng_key_list[suion_list[i]];
  } else {
    a_lat_key_list[suion_list[i]] = lat_key_list[suion_list[i]];
    a_lng_key_list[suion_list[i]] = lng_key_list[suion_list[i]];
  }
}

//const n_suion_list = ["西条"];

const r_suion_list = [
  "fukuura",
  "shirigai",
  "yutaioki",
  "shimonada",
  "kitanada",
  "hiburijima",
  "shimonami",
  "komobuchi",
  "miura",
  "koike",
  "yusu",
  "uwajima",
  "yoshida",
  "akehama",
  "mikame",
  "yawatahama",
  "ikata",
  "misaki",
];
const nr_suion_list = ["saijo"];
const r_kion_list = ["御荘", "宇和島", "瀬戸"];
const nr_kion_list = ["matsuyama", "k_saijo"];
const ar_suion_list = [
  "fukuura",
  "shirigai",
  "yutaioki",
  "shimonada",
  "kitanada",
  "hiburijima",
  "shimonami",
  "komobuchi",
  "miura",
  "koike",
  "yusu",
  "uwajima",
  "yoshida",
  "akehama",
  "mikame",
  "yawatahama",
  "ikata",
  "saijo",
  "misaki",
];
const ar_kion_list = ["御荘", "宇和島", "瀬戸", "松山", "西条"];

function makemap() {
  var min_lat = 90,
    max_lat = 0,
    min_lng = 180,
    max_lng = 0;
  for (var i = 0; i < lat_key_list.length; i++) {
    if (suion_list[i] == "西条") continue;
    if (lat_key_list[suion_list[i]] <= min_lat)
      min_lat = lat_key_list[suion_list[i]];
    if (lat_key_list[suion_list[i]] >= max_lat)
      max_lat = lat_key_list[suion_list[i]];
    if (lng_key_list[suion_list[i]] <= min_lng)
      min_lng = lng_key_list[suion_list[i]];
    if (lng_key_list[suion_list[i]] >= max_lng)
      max_lng = lng_key_list[suion_list[i]];
  }
  for (var i = 0; i < kion_lat_list.length; i++) {
    if (kion_lat_list[i] <= min_lat) min_lat = kion_lat_list[i];
    if (kion_lat_list[i] >= max_lat) max_lat = kion_lat_list[i];
    if (kion_lng_list[i] <= min_lng) min_lng = kion_lng_list[i];
    if (kion_lng_list[i] >= max_lng) max_lng = kion_lng_list[i];
  }
  var position = new google.maps.LatLng(
    (max_lat + min_lat) / 2,
//    (max_lng + min_lng) / 2
    (max_lng + min_lng) / 2 - 0.08
  );
  var map = new google.maps.Map(document.getElementById("canvas3"), {
    zoom: 10,
    center: position,
    scrollwheel: false,
    disableDoubleClickZoom: true,
    draggable: false,
    mapTypeControl: false,
    panControl: false,
    zoomControl: false,
    scaleControl: false,
    streetViewControl: false,
    keyboardShortcuts: false,
    fullscreenControl: false,
  });

  var styleOptions = [
    {
      feartureType: "all",
      elementType: "labels",
      stylers: [{ visibility: "off" }],
    },
  ];
  var lopanType = new google.maps.StyledMapType(styleOptions);
  map.mapTypes.set("noText", lopanType);
  map.setMapTypeId("noText");

  for (var i = 0; i < ar_kion_list.length; i++) {
    circle_kion[i] = new google.maps.Circle({
      center: new google.maps.LatLng(a_kion_lat_list[i], a_kion_lng_list[i]),
      fillColor: "#00ff00",
      fillOpacity: 1,
      map: map,
      radius: 200,
      strokeColor: "#00ff00",
      strokeOpacity: 0,
      strokeWeight: 2,
    });
    var img = "./image/" + ar_kion_list[i] + ".png";
    marker_kion[i] = new google.maps.Marker({
      position: new google.maps.LatLng(kion_lat_list[i], kion_lng_list[i]),
      map: map,
//      icon: img,
      icon:{url:'', size:{width:0, height:0}},
      label:{ 
        text:ar_kion_list[i], 
        color:'#008000', 
        fontFamily:'sans-serif', 
        fontWeight:'bold', 
        fontSize:'12px' 
       }
    });
  }

  for (var i = 0; i < r_suion_list.length; i++) {
    var lat = lat_key_list[suion_list[i]];
    var lng = lng_key_list[suion_list[i]];
    var img = "./image/" + r_suion_list[i] + ".png";

    /*
        if(mode == 0 && suion_list[i] == "塩子島") {
            lat = lat_key_list['油袋沖'];
            lng = lng_key_list['油袋沖'];
            img = "./image/yutaioki.png";
        }
        */
    circle[i] = new google.maps.Circle({
      center: new google.maps.LatLng(lat, lng),
      fillColor: "#000000",
      fillOpacity: 1,
      map: map,
      radius: 200,
      strokeColor: "#000000",
      strokeOpacity: 0,
      strokeWeight: 2,
    });

    //if(suion_list[i] == "中浦尻貝") continue;

    marker[i] = new google.maps.Marker({
      position: new google.maps.LatLng(lat, lng),
      map: map,
//      icon: img,
      icon:{url:'', size:{width:40, height:16}},
      label:{ 
        text:suion_list[i], 
        color:'#ff0000', 
        fontFamily:'sans-serif', 
        fontWeight:'bold', 
        fontSize:'12px' 
       }
    });
    //        window[i] = new google.maps.InfoWindow({
    //            position : new google.maps.LatLng(lat_list[i], lng_list[i]),
    //            content : '<font size="1">' + suion_list[i] + "</font>",
    //            maxWidth : 35
    //        });
    //        window[i].open(map);
  }
  /*
    circle[r_suion_list.length + nr_suion_list.length] = new google.maps.Circle({
        center : new google.maps.LatLng(lat_key_list['小池'], lng_key_list['小池']),
        fillColor : '#00ffff',
        fillOpacity : 1,
        map : map,
        radius : 400,
        strokeColor : '#00ffff',
        strokeOpacity : 0,
        strokeWeight : 2,
        zIndex : 9999
    });

    circle[r_suion_list.length + nr_suion_list.length].setMap(map);

    marker[r_suion_list.length + nr_suion_list.length] = new google.maps.Marker({
        position : new google.maps.LatLng(lat_key_list['小池'], lng_key_list['小池']),
        map : map,
        icon : "./image/koike.png",
        zIndex : 9999
    });

    marker[r_suion_list.length + nr_suion_list.length].setMap(map);

    min_lat = 90
    max_lat = 0
    min_lng = 180
    max_lng = 0;
    for (var i = 0; i < north_lat_key_list.length; i++) {
        if(north_lat_key_list[n_suion_list[i]] <= min_lat) min_lat = north_lat_key_list[n_suion_list[i]];
        if(north_lat_key_list[n_suion_list[i]] >= max_lat) max_lat = north_lat_key_list[n_suion_list[i]];
        if(north_lng_key_list[n_suion_list[i]] <= min_lng) min_lng = north_lng_key_list[n_suion_list[i]];
        if(north_lng_key_list[n_suion_list[i]] >= max_lng) max_lng = north_lng_key_list[n_suion_list[i]];
    }
    for(var i = 0; i < north_lat_list.length; i++) {
        if(north_lat_list[i] <= min_lat) min_lat = north_lat_list[i];
        if(north_lat_list[i] >= max_lat) max_lat = north_lat_list[i];
        if(north_lng_list[i] <= min_lng) min_lng = north_lng_list[i];
        if(north_lng_list[i] >= max_lng) max_lng = north_lng_list[i];
    }
    position = new google.maps.LatLng((max_lat+min_lat)/2, (max_lng+min_lng)/2);
    map = new google.maps.Map(document.getElementById("canvas4"), {
        zoom: 10,
        center: position,
        scrollwheel: false,
        disableDoubleClickZoom: true,
        draggable: false,
        mapTypeControl: false,
        panControl: false,
        zoomControl: false,
        scaleControl: false,
        streetViewControl: false,
        keyboardShortcuts: false,
        fullscreenControl: false
    });

    styleOptions = [{
        feartureType: 'all',
        elementType: 'labels',
        stylers: [{ visibility: 'off' }]
    }];
    lopanType = new google.maps.StyledMapType(styleOptions);
    map.mapTypes.set('noText', lopanType);
    map.setMapTypeId('noText');

    for(var i = 0; i < nr_kion_list.length; i++) {
        circle_kion[r_kion_list.length + i] = new google.maps.Circle({
            center : new google.maps.LatLng(north_lat_list[i], north_lng_list[i]),
            fillColor : '#00ff00',
            fillOpacity : 1,
            map : map,
            radius : 200,
            strokeColor : '#00ff00',
            strokeOpacity : 0,
            strokeWeight : 2
        });
        var img = "./image/" + nr_kion_list[i] + ".png";
        marker_kion[r_kion_list.length + i] = new google.maps.Marker({
            position : new google.maps.LatLng(north_lat_list[i], north_lng_list[i]),
            map : map,
            icon : img
        });
    }

    for(var i = 0; i < n_suion_list.length; i++) {
        circle[r_suion_list.length + i] = new google.maps.Circle({
            center : new google.maps.LatLng(north_lat_key_list[n_suion_list[i]], north_lng_key_list[n_suion_list[i]]),
            fillColor : '#000000',
            fillOpacity : 1,
            map : map,
            radius : 200,
            strokeColor : '#000000',
            strokeOpacity : 0,
            strokeWeight : 2
        });
        
        var img = "./image/" + nr_suion_list[i] + ".png";
        marker[r_suion_list.length + i] = new google.maps.Marker({
            position : new google.maps.LatLng(north_lat_key_list[n_suion_list[i]], north_lng_key_list[n_suion_list[i]]),
            map : map,
            icon : img
        });
    }
    */
}

function make_bigmap() {
  var min_lat = 90,
    max_lat = 0,
    min_lng = 180,
    max_lng = 0;
  for (var i = 0; i < lat_key_list.length; i++) {
    if (a_lat_key_list[suion_list[i]] <= min_lat)
      min_lat = a_lat_key_list[suion_list[i]];
    if (a_lat_key_list[suion_list[i]] >= max_lat)
      max_lat = a_lat_key_list[suion_list[i]];
    if (a_lng_key_list[suion_list[i]] <= min_lng)
      min_lng = a_lng_key_list[suion_list[i]];
    if (a_lng_key_list[suion_list[i]] >= max_lng)
      max_lng = a_lng_key_list[suion_list[i]];
  }
  for (var i = 0; i < a_kion_lat_list.length; i++) {
    if (a_kion_lat_list[i] <= min_lat) min_lat = a_kion_lat_list[i];
    if (a_kion_lat_list[i] >= max_lat) max_lat = a_kion_lat_list[i];
    if (a_kion_lng_list[i] <= min_lng) min_lng = a_kion_lng_list[i];
    if (a_kion_lng_list[i] >= max_lng) max_lng = a_kion_lng_list[i];
  }

  var position = new google.maps.LatLng(
    (max_lat + min_lat) / 2,
    (max_lng + min_lng) / 2
  );
  var map = new google.maps.Map(document.getElementById("canvas5"), {
    zoom: 10,
    center: position,
    scrollwheel: true,
    disableDoubleClickZoom: true,
    draggable: true,
    mapTypeControl: true,
    panControl: false,
    zoomControl: false,
    scaleControl: false,
    streetViewControl: false,
    keyboardShortcuts: false,
    fullscreenControl: false,
  });
  var styleOptions = [
    {
      feartureType: "all",
      elementType: "labels",
      stylers: [{ visibility: "off" }],
    },
  ];
  var lopanType = new google.maps.StyledMapType(styleOptions);
  map.mapTypes.set("noText", lopanType);
  map.setMapTypeId("noText");

  for (var i = 0; i < ar_kion_list.length; i++) {
    circle_kion[i] = new google.maps.Circle({
      center: new google.maps.LatLng(a_kion_lat_list[i], a_kion_lng_list[i]),
      fillColor: "#00ff00",
      fillOpacity: 1,
      map: map,
      radius: 200,
      strokeColor: "#00ff00",
      strokeOpacity: 0,
      strokeWeight: 2,
    });
    var img = "./image/" + ar_kion_list[i] + ".png";
    marker_kion[i] = new google.maps.Marker({
      position: new google.maps.LatLng(a_kion_lat_list[i], a_kion_lng_list[i]),
      map: map,
      icon: img,
    });
  }

  for (var i = 0; i < ar_suion_list.length; i++) {
    var lat = a_lat_key_list[suion_list[i]];
    var lng = a_lng_key_list[suion_list[i]];
    var img = "./image/" + ar_suion_list[i] + ".png";

    if (map_mode == 0 && suion_list[i] == "塩子島") {
      lat = lat_key_list["油袋沖"];
      lng = lng_key_list["油袋沖"];
      img = "./image/yutaioki.png";
    }

    circle[i] = new google.maps.Circle({
      center: new google.maps.LatLng(lat, lng),
      fillColor: "#000000",
      fillOpacity: 1,
      map: map,
      radius: 200,
      strokeColor: "#000000",
      strokeOpacity: 0,
      strokeWeight: 2,
    });

    marker[i] = new google.maps.Marker({
      position: new google.maps.LatLng(lat, lng),
      map: map,
      icon: img,
    });
  }
}

function addEvent(i) {
  //    marker[i].addListener('click', function() {
  //        for( j = 0; j < lat_list.length; j++) {
  //            window[j].close();
  //        }
  //        window[i].open(map, marker[i]);
  //    });
  if (mode == 1) {
    marker[i].addListener("click", function () {
      var str = "#past" + i;
      $(function () {
        $("body", "html").animate({ scrollTop: $(str).offset().top - 20 }, 500);
      });
    });
  }
  if (naibu == 0) {
    var line = deep_list["全体"].length + 1;
  } else {
    var line = deep_list["全体"].length + 4;
  }
  if (mode == 0) line++;
  marker[i].addListener("mouseover", function () {
    if (p[i] == -1) {
      for (var j = 0; j < 2; j++) {
        var id = "s_table" + i + "_" + j;
        document.getElementById(id).style.backgroundColor = highlight_color;
      }
    } else {
      for (var j = 0; j < line; j++) {
        var id = "s_table" + i + "_" + j;
        document.getElementById(id).style.backgroundColor = highlight_color;
      }
    }
  });
  marker[i].addListener("mouseout", function () {
    if (p[i] == -1) {
      for (var j = 0; j < 2; j++) {
        var id = "s_table" + i + "_" + j;
        document.getElementById(id).style.backgroundColor = "#ffffff";
      }
    } else {
      if (mode == 0) {
        var measure_date = "";
        switch (Format_type[i]) {
          case 0:
          case 4:
            measure_date = p[i][0] + " " + p[i][1];
            break;
          case 1:
          case 2:
            measure_date =
              p[i][0].slice(0, 4) +
              "/" +
              p[i][0].slice(4, 6) +
              "/" +
              p[i][0].slice(6, 8) +
              " " +
              p[i][0].slice(8, 10) +
              ":" +
              p[i][0].slice(10, 12) +
              ":00";
            break;
          case 3:
            measure_date = "20" + p[i][0] + " " + p[i][1];
            break;
          default:
            measure_date = p[i][0] + " " + p[i][1];
            break;
        }
        var year = load_date.getFullYear();
        var month = load_date.getMonth() + 1;
        var day = load_date.getDate();
        var hour = load_date.getHours();
        var lated_date =
          "" +
          year +
          "/" +
          ("0" + month).slice(-2) +
          "/" +
          ("0" + day).slice(-2) +
          " " +
          hour +
          ":00:00";
        var l_dt = new Date(lated_date);
        var m_dt = new Date(measure_date);
        var date_id = "s_table" + i + "_1";
        if ((l_dt - m_dt) / (3600 * 1000) > 1) {
          document.getElementById(date_id).style.backgroundColor = "#ff6666";
        } else {
          document.getElementById(date_id).style.backgroundColor = "#ffffff";
        }
      }
      for (var j = 0; j < line; j++) {
        var id = "s_table" + i + "_" + j;
        if (j == 0) {
          document.getElementById(id).style.backgroundColor = "#ffffff";
          continue;
        }
        if (j == 1) {
          if (mode == 1) {
            document.getElementById(id).style.backgroundColor = "#ffffff";
          }
          continue;
        }
        if (j % 2 == 1) {
          if (mode == 1) {
            document.getElementById(id).style.backgroundColor = "#ffffff";
          } else {
            document.getElementById(id).style.backgroundColor = "#f6f6f6";
          }
        } else {
          if (mode == 1) {
            document.getElementById(id).style.backgroundColor = "#f6f6f6";
          } else {
            document.getElementById(id).style.backgroundColor = "#ffffff";
          }
        }
      }
    }
  });
}

function kion_addEvent(i) {
  var col = 4;

  if (mode == 1) {
    marker_kion[i].addListener("click", function () {
      var str = "#past" + suion_list.length;
      $(function () {
        $("body", "html").animate({ scrollTop: $(str).offset().top - 20 }, 500);
      });
    });
  }
  marker_kion[i].addListener("mouseover", function () {
    for (var j = 0; j < col; j++) {
      var id = "t_table" + i + j;
      document.getElementById(id).style.backgroundColor = highlight_color;
    }
  });
  marker_kion[i].addListener("mouseout", function () {
    for (var j = 0; j < col; j++) {
      var id = "t_table" + i + j;
      document.getElementById(id).style.backgroundColor = "#ffffff";
    }
  });
}