// JavaScript Document
$(function(){
	

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

	//------------------------------------店舗アイコン
	var myMarker = new google.maps.Marker({
		position: new google.maps.LatLng(35.722714,139.778459),
		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.722605, 139.777626),
		new google.maps.LatLng(35.722688, 139.777751),
		new google.maps.LatLng(35.722461, 139.778619),
		new google.maps.LatLng(35.722679, 139.778420)
	);
	// マーカー画像の設定と配置 
	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.722605, 139.777626),
		new google.maps.LatLng(35.722688, 139.777751),
		new google.maps.LatLng(35.722531, 139.777864),
		new google.maps.LatLng(35.722552, 139.778072),
		new google.maps.LatLng(35.722452, 139.778372),
		new google.maps.LatLng(35.722461, 139.778619),
		new google.maps.LatLng(35.722513, 139.778683),
		new google.maps.LatLng(35.722679, 139.778420)
	]; 
	// ラインを作成 
	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);
		});
	});
});