/*
	GoogleマップAPIの解説サイトではOnLoadで読み込むものが主流ですが、今回のサイト埋め込みでは
	OnLoadで読み込むと正しく表示されない（マップがずれる、マーカーが表示されない）ため
	アクセスをクリックした際に表示するようにしています。
*/

//google.setOnLoadCallback(function() {

$(function() {

	// クリックイベント登録
	$("#btn_access").bind('click',loadGoogleMap);

	function loadGoogleMap() {

		try{


			var centerPos = new google.maps.LatLng(33.589157, 130.395529);
				var options = {
					zoom: 16,
					center: centerPos,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
	
			var map = new google.maps.Map($("#google_map_canvas")[0], options);
	
	
			var marker = new google.maps.Marker({
									position: centerPos,
									map: map,
									title: '株式会社ブレイクスルー'
									}
									);
	
			
			
			var content = '<a href="http://www.break-net.com/">株式会社ブレイクスルー</a>' +
							'<br />福岡県福岡市中央区大名2丁目6-5<br />TEL:092-715-0300 FAX:092-715-0393';
			
			var infowindow = new google.maps.InfoWindow({
									content: content ,
									size: new google.maps.Size(50, 50)        });
			
			google.maps.event.addListener(marker, 'click', function() {
													infowindow.open(map, marker);        });

			// 吹き出しをはじめから表示
			infowindow.open(map, marker);
			
			// クリック処理から外す
			$("#btn_access").unbind('click',loadGoogleMap);

		} catch(err) {}

	};
});