// JavaScript Document
$(function(){
	

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

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

	//------------------------------------数字アイコン
	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.706387, 139.665765),
		new google.maps.LatLng(35.708513, 139.665583),
		new google.maps.LatLng(35.708992, 139.666377)
	);
	// マーカー画像の設定と配置 
	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.706387, 139.665765),
		new google.maps.LatLng(35.708513, 139.665583),
		new google.maps.LatLng(35.708513, 139.666484),
		new google.maps.LatLng(35.708992, 139.666473),
		new google.maps.LatLng(35.708992, 139.666613)
	]; 
	// ラインを作成 
	var polyLineOptions = { 
		path: points, 
		strokeWeight: 5, 
		strokeColor: "#25b9ed", 
		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);
		});
	});
});