$(function(){
	mapInit();
	var position = $("#mapCanvas").offset().top-20;
	$(".placeNameBoxWrap").click(function () {
        $('html,body').animate({ scrollTop : position }, 'fast');
        mapClick($(this).prop("rel"));
        return false;
    });
    /*$(".placeNameBoxWrap").mouseover(function () {
    	mapClick($(this).prop("rel"));
    	return false;
    });*/
	$("#locationBtn").click(function () {
		var selectLocation = $('[name=locationSelector]').val();
		window.location.href = selectLocation;
		location.reload();
	});
});

//地図の基本設定
var myOptions;
var styledMapOptions;
var map;
var markers;
function mapInit() {

	if("#tachikawa" == location.hash) {
		tachikawa();
	}else if("#kokubunji" == location.hash) {
		kokubunji();
	}else if("#higashinakagami" == location.hash) {
		higashinakagami();
	}else if("#hachioji" == location.hash) {
		hachioji();
	}else if("#kichijoji" == location.hash) {
		kichijoji();
	}else if("#fussa" == location.hash) {
		fussa();
	}else if("#higashiyamatoshi" == location.hash) {
		higashiyamatoshi();
	}else if("#takaosanguchi" == location.hash) {
		takaosanguchi();
	}else if("#manganji" == location.hash) {
		manganji();
	}else{
		tachikawa();
	}
	//地図のスタイルを設定
	var styleOptions = [
			  {
			    "stylers": [
			      { "gamma": 2.01 },
			      { "hue": "#ff0033" },
			      { "visibility": "simplified" },
			      { "lightness": -5 },
			      { "saturation": -5 }
			    ]
			  }
			];

	var mapType = new google.maps.StyledMapType(styleOptions, styledMapOptions);
	map.mapTypes.set('okusama', mapType);
	map.setMapTypeId('okusama');
	var countNum = 0;
	for (var i = 0; i < markers.length; i++) {
		countNum++;
		icon = new google.maps.MarkerImage(
	    	'/tachikawa/images/mapIconBL_'+ countNum +'.png',
		    new google.maps.Size(25,37),
		    new google.maps.Point(0,0)
		 );
		var content = markers[i][0];
		var latlng = new google.maps.LatLng(markers[i][1],markers[i][2]);
		createMarker(latlng,content,map,icon,i);
	}
}

//立川駅
function tachikawa() {
	$(".locationSelector").val("#tachikawa");
	$('.tachikawa').css('display','block');
	//地図の中心点と拡大率を設定
	myOptions = {
		zoom: 15,
		disableDefaultUI: true,
		/*streetViewControl: false,*/
		center: new google.maps.LatLng(35.697953400000000,139.412706600000000),
		mapTypeControlOptions: { mapTypeIds: ['okusama', google.maps.MapTypeId.ROADMAP] }
	};
	map = new google.maps.Map(document.getElementById("mapCanvas"),myOptions);
	styledMapOptions = { name: '立川駅待ち合わせ場所' }
	//アイコンの場所の名前と緯度経度を追加
	markers = [
					['<h1class="firstHeading">ファミリーマート 立川北口店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.698490000000000, 139.417020000000000],
					['<h1class="firstHeading">立川郵便局前</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.698580000000000, 139.415443800000000],
					['<h1class="firstHeading">ローソン 立川ウインズ通店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.697360000000000, 139.415640000000000],
					['<h1class="firstHeading">オスローバッティングセンター前</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.696440000000000, 139.416410000000000],
					['<h1class="firstHeading">ファミリーマート 立川錦町店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.696620000000000, 139.417170000000000],
					['<h1class="firstHeading">【お車専用】りそな銀行 立川駅南口店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.696367000000000, 139.412970000000000],
					['<h1class="firstHeading">【お車専用】モノレール砂川7番駅</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.723600000000000, 139.418200000000000]
				];
}
//国分寺駅
function kokubunji() {
	$(".locationSelector").val("#kokubunji");
	$('.kokubunji').css('display','block');
	//地図の中心点と拡大率を設定
	myOptions = {
		zoom: 15,
		disableDefaultUI: true,
		/*streetViewControl: false,*/
		center: new google.maps.LatLng(35.700331400000000,139.480066300000000),
		mapTypeControlOptions: { mapTypeIds: ['okusama', google.maps.MapTypeId.ROADMAP] }
	};
	map = new google.maps.Map(document.getElementById("mapCanvas"),myOptions);
	styledMapOptions = { name: '国分寺駅待ち合わせ場所' }
	//アイコンの場所の名前と緯度経度を追加
	markers = [
					['<h1class="firstHeading">ファミリーマート 国分寺南町三丁目店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.698745000000000, 139.479746000000000],
					['<h1class="firstHeading">【お車専用】みずほ銀行 国分寺支店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.699380000000000, 139.480843000000000],
					['<h1class="firstHeading">不二家 国分寺店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.701077000000000, 139.479992000000000],
					['<h1class="firstHeading">セブン-イレブン 国分寺本町2丁目店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.701973000000000, 139.481676000000000]
				];
}
//東中神駅
function higashinakagami() {
	$(".locationSelector").val("#higashinakagami");
	$('.higashinakagami').css('display','block');
	//地図の中心点と拡大率を設定
	myOptions = {
		zoom: 15,
		disableDefaultUI: true,
		/*streetViewControl: false,*/
		center: new google.maps.LatLng(35.706242700000000,139.384655800000000),
		mapTypeControlOptions: { mapTypeIds: ['okusama', google.maps.MapTypeId.ROADMAP] }
	};
	map = new google.maps.Map(document.getElementById("mapCanvas"),myOptions);
	styledMapOptions = { name: '東中神駅待ち合わせ場所' }
	//アイコンの場所の名前と緯度経度を追加
	markers = [
					['<h1class="firstHeading">【お車専用】東中神駅</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.706242700000000, 139.384655800000000]
				];
}
//八王子駅
function hachioji() {
	$(".locationSelector").val("#hachioji");
	$('.hachioji').css('display','block');
	//地図の中心点と拡大率を設定
	myOptions = {
		zoom: 15,
		disableDefaultUI: true,
		/*streetViewControl: false,*/
		center: new google.maps.LatLng(35.655616500000000,139.338799800000000),
		mapTypeControlOptions: { mapTypeIds: ['okusama', google.maps.MapTypeId.ROADMAP] }
	};
	map = new google.maps.Map(document.getElementById("mapCanvas"),myOptions);
	styledMapOptions = { name: '八王子駅待ち合わせ場所' }
	//アイコンの場所の名前と緯度経度を追加
	markers = [
					['<h1class="firstHeading">サーティワンアイスクリーム セレオ八王子店前(2F)</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.654660000000000, 139.338880000000000],
					['<h1class="firstHeading">多摩信用金庫 八王子駅前支店前</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.654160000000000, 139.337560000000000],
					['<h1class="firstHeading">【お車専用】ドン・キホーテ 八王子駅前店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.657880000000000, 139.337100000000000],
					['<h1class="firstHeading">スターバックスコーヒー 八王子オクトーレ店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.657131000000000, 139.338651000000000],
					['<h1class="firstHeading">【お車専用】やすらぎの湯看板前</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.658310000000000, 139.337015000000000],
					['<h1class="firstHeading">【お車専用】アドコンタクト前付近</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.658176000000000, 139.339223000000000]
				];
}
//吉祥寺駅
function kichijoji() {
	$(".locationSelector").val("#kichijoji");
	$('.kichijoji').css('display','block');
	//地図の中心点と拡大率を設定
	myOptions = {
		zoom: 15,
		disableDefaultUI: true,
		/*streetViewControl: false,*/
		center: new google.maps.LatLng(35.703131300000000,139.579650400000000),
		mapTypeControlOptions: { mapTypeIds: ['okusama', google.maps.MapTypeId.ROADMAP] }
	};
	map = new google.maps.Map(document.getElementById("mapCanvas"),myOptions);
	styledMapOptions = { name: '吉祥寺駅待ち合わせ場所' }
	//アイコンの場所の名前と緯度経度を追加
	markers = [
					['<h1class="firstHeading">武蔵野警察署吉祥寺駅東口交番</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.703310000000000, 139.580470000000000],
					['<h1class="firstHeading">サーティーワンアイスクリーム　吉祥寺店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.703363800000000, 139.578955600000000],
					['<h1class="firstHeading">吉祥寺オデヲン</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.702840000000000, 139.580900000000000],
					['<h1class="firstHeading">ソフトバンク吉祥寺公園口駅前</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.702400000000000, 139.580020000000000]
				];
}
//福生駅
function fussa() {
	$(".locationSelector").val("#fussa");
	$('.fussa').css('display','block');
	//地図の中心点と拡大率を設定
	myOptions = {
		zoom: 15,
		disableDefaultUI: true,
		/*streetViewControl: false,*/
		center: new google.maps.LatLng(35.742091362290610,139.328605891884280),
		mapTypeControlOptions: { mapTypeIds: ['okusama', google.maps.MapTypeId.ROADMAP] }
	};
	map = new google.maps.Map(document.getElementById("mapCanvas"),myOptions);
	styledMapOptions = { name: '福生駅待ち合わせ場所' }
	//アイコンの場所の名前と緯度経度を追加
	markers = [
					['<h1class="firstHeading">【お車専用】ファミリーマート 福生駅前店</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.742091362290610, 139.328605891884280]
				];
}
//東大和市駅
function higashiyamatoshi() {
	$(".locationSelector").val("#higashiyamatoshi");
	$('.higashiyamatoshi').css('display','block');
	//地図の中心点と拡大率を設定
	myOptions = {
		zoom: 15,
		disableDefaultUI: true,
		/*streetViewControl: false,*/
		center: new google.maps.LatLng(35.733521049194930,139.434333700499480),
		mapTypeControlOptions: { mapTypeIds: ['okusama', google.maps.MapTypeId.ROADMAP] }
	};
	map = new google.maps.Map(document.getElementById("mapCanvas"),myOptions);
	styledMapOptions = { name: '東大和市駅待ち合わせ場所' }
	//アイコンの場所の名前と緯度経度を追加
	markers = [
					['<h1class="firstHeading">東大和市駅 ビッグボックス前</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.733521049194930, 139.434333700499400]
				];
}
//高尾山口駅
function takaosanguchi() {
	$(".locationSelector").val("#takaosanguchi");
	$('.takaosanguchi').css('display','block');
	//地図の中心点と拡大率を設定
	myOptions = {
		zoom: 15,
		disableDefaultUI: true,
		/*streetViewControl: false,*/
		center: new google.maps.LatLng(35.632397346737310,139.270091026529310),
		mapTypeControlOptions: { mapTypeIds: ['okusama', google.maps.MapTypeId.ROADMAP] }
	};
	map = new google.maps.Map(document.getElementById("mapCanvas"),myOptions);
	styledMapOptions = { name: '高尾山口駅待ち合わせ場所' }
	//アイコンの場所の名前と緯度経度を追加
	markers = [
					['<h1class="firstHeading">【お車専用】高尾山口駅 甲州街道側 改札前</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.632397346737314, 139.270091026529310]
				];
}
//万願寺駅
function manganji() {
	$(".locationSelector").val("#manganji");
	$('.manganji').css('display','block');
	//地図の中心点と拡大率を設定
	myOptions = {
		zoom: 15,
		disableDefaultUI: true,
		/*streetViewControl: false,*/
		center: new google.maps.LatLng(35.671187849166610,139.420199057764280),
		mapTypeControlOptions: { mapTypeIds: ['okusama', google.maps.MapTypeId.ROADMAP] }
	};
	map = new google.maps.Map(document.getElementById("mapCanvas"),myOptions);
	styledMapOptions = { name: '万願寺駅待ち合わせ場所' }
	//アイコンの場所の名前と緯度経度を追加
	markers = [
					['<h1class="firstHeading">ウエルシア万願寺店前</h1>'+
					'<div class="imageBox"><!--img src="http://www.angelline.net/images/ajobBnr.gif" /-->', 
					35.671187201300000, 139.420204639000000]
				];
}


//アイコンの設定
var currentInfoWindow = null;
var gmarkers = [];
function createMarker(latlng,content,map,icon,i){
	var iwopts = {maxWidth: 250,};
	var infoWindow = new google.maps.InfoWindow(iwopts);
	var marker = new google.maps.Marker({
		position: latlng,
		map: map,
		icon: icon,
		animation: google.maps.Animation.DROP
	});
	google.maps.event.addListener(marker, 'click', function() {
		if (currentInfoWindow) {
			currentInfoWindow.close();
		}
		/*infoWindow.close();*/
		infoWindow.setContent(content);
		infoWindow.open(map,marker);
		currentInfoWindow = infoWindow;
	});
	i++; 
	gmarkers[i] = marker;
}

//アイコンとテキストリンクのクリックイベント
function mapClick(i) {
	google.maps.event.trigger(gmarkers[i], "click");
	map.setCenter(gmarkers[i].getPosition());
}