// JavaScript Document
$(function(){

  /*-----------------------
  google map
  ------------------------*/
  var myMap = new google.maps.Map(document.getElementById("gmap"), {
    zoom: 17,
    center: new google.maps.LatLng(35.816352,139.701847),
    scaleControl: true,
    scrollwheel: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  //------------------------------------店舗アイコン
  var myMarker = new google.maps.Marker({
    position: new google.maps.LatLng(35.816352,139.701847),
    map: myMap,
    icon: "../images/common/map_icon.png",
  });

/*
  //------------------------------パーキングアイコン
  var p_markerUrl = "../images/map/p_icon.png";
  var p_markerSize = new google.maps.Size(18, 18);
  var p_anchorPoint = new google.maps.Point(0, 0);
  var p_markerImg = null;

  // パーキングアイコン画像自体の位置
  var p_originPoints = new Array( 
    new google.maps.Point(0,0), 
    new google.maps.Point(0,18), 
    new google.maps.Point(0,36), 
    new google.maps.Point(0,54),
    new google.maps.Point(0,72),
    new google.maps.Point(0,90),
    new google.maps.Point(0,108),
    new google.maps.Point(0,126),
    new google.maps.Point(0,144),
    new google.maps.Point(0,162),
    new google.maps.Point(0,180),
    new google.maps.Point(0,198),
    new google.maps.Point(0,216)
  );
  var p_latlngs = new Array( 
    new google.maps.LatLng(35.815797, 139.701862),//タイムズ西川口1丁目第3
    new google.maps.LatLng(35.816611, 139.701981),//タイムズ西川口西口
    new google.maps.LatLng(35.816516, 139.702057),//
    new google.maps.LatLng(35.816668, 139.702366),
    new google.maps.LatLng(35.816911, 139.702531),
    new google.maps.LatLng(35.816571, 139.702814),
    new google.maps.LatLng(35.816911, 139.702531),
    new google.maps.LatLng(35.816236, 139.703237),
    new google.maps.LatLng(35.816847, 139.701537),
    new google.maps.LatLng(35.815719, 139.701903),
    new google.maps.LatLng(35.815217, 139.702284),
    new google.maps.LatLng(35.815453, 139.702301),
    new google.maps.LatLng(35.815453, 139.702301)
  );
  // マーカー画像の設定と配置 
  for(var i = 0; i < p_originPoints.length; i++) { 
    p_markerImg = new google.maps.MarkerImage( 
      p_markerUrl, 
      p_markerSize, 
      p_originPoints[i], 
      p_anchorPoint 
    ); 
    new google.maps.Marker({ 
      position: p_latlngs[i], 
      map: myMap, 
      icon: p_markerImg 
    }); 
  }

*/

  //------------------------------------数字アイコン
  var markerUrl = "../images/map/num_icon.png";
  var markerSize = new google.maps.Size(22, 22);
  var anchorPoint = new google.maps.Point(10, 10);
  var markerImg = null;

  // 数字アイコン画像自体の位置
  var originPoints = new Array( 
    new google.maps.Point(0,0), 
    new google.maps.Point(22,0), 
    new google.maps.Point(44,0), 
    new google.maps.Point(66,0)
  );
  // 数字アイコンの座標位置 
  var latlngs = new Array( 
    new google.maps.LatLng(35.815479, 139.703879),
    new google.maps.LatLng(35.815805, 139.703348),
    new google.maps.LatLng(35.815466, 139.702860),
    new google.maps.LatLng(35.816219, 139.701738)
  );
  // マーカー画像の設定と配置 
  for(var i = 0; i < originPoints.length; i++) { 
    markerImg = new google.maps.MarkerImage( 
      markerUrl, 
      markerSize, 
      originPoints[i], 
      anchorPoint 
    ); 
    new google.maps.Marker({ 
      position: latlngs[i], 
      map: myMap, 
      icon: markerImg 
    }); 
  }


  //-------------------------------------ライン設定
  var points = [ 
    new google.maps.LatLng(35.815479, 139.703879),
    new google.maps.LatLng(35.815805, 139.703348),
    new google.maps.LatLng(35.815466, 139.702860),
    new google.maps.LatLng(35.816219, 139.701738)
  ]; 
  // ラインを作成 
  var polyLineOptions = { 
    path: points, 
    strokeWeight: 5, 
    strokeColor: "#0000ff", 
    strokeOpacity: "0.5" 
  }; 
  // ラインを設定 
  var poly = new google.maps.Polyline(polyLineOptions); 
  poly.setMap(myMap); 

  google.maps.event.addListener(myMap, "closeclick", function() {
    google.maps.event.addListenerOnce(myMarker, "click", function(event) {
      myInfoWindow.open(myMap, myMarker);
    });
  });
});