var map, marker;
var geocoder;

function __BIGMAPS(){

      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(36.314073, 140.588084), 16);
        ctrlObj = new GLargeMapControl();
        map.addControl(ctrlObj);
        ctrlObj = new GMapTypeControl();
        map.addControl(ctrlObj);
	addMarker();
      }
}

	var message = "<div id=\"message\">";
	message += '<p><img src=\"../images/image/icon_hotel.jpg\" width=\"100\" height=\"68\" hspace=\"10\" border=\"0\" align=\"left\" />';
	message += "<strong>四季の海を楽しむ、やすらぎの宿「大洗シーサイドホテル」</strong></p><p align=\"left\"><p>〒311-1301　<br />茨城県東茨城郡大洗町磯浜町6881（大洗磯前神社下）</p>";
	message += "<table cellspacing=\"0\" align=\"left\" cellpadding=\"2\">";
	message += "<tbody>";
	message += "<tr>";
	message += "<td align=\"right\">電　話：</td>";
	message += "<td align=\"left\">029-267-2111　</td>";
	message += "</tr>";
	message += "<tr>";
	message += "<td align=\"right\">Ｆ&nbsp;Ａ&nbsp;Ｘ：</td>";
	message += "<td align=\"left\">029-266-3030</td>";
	message += "</tr>";
	message += "</tbody>";
	message += "</table>";
	message += "</div>";

function addMarker () {

	map.clearOverlays();
	var area = map.getBounds();
	var gpObj = new GLatLng("36.320495","140.348609");
	var marker = addSetMarker(gpObj,"常磐自動車道友部JCT","36.320495","140.348609");//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng("36.339849","140.544215");
	var marker = addSetMarker(gpObj,"水戸大洗IC","36.339849","140.544215");//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.371091, 140.476207);
	var marker = addSetMarker(gpObj,"JR常磐線「水戸駅」",36.371091, 140.476207);//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.315045, 140.562903);
	var marker = addSetMarker(gpObj,"大洗鹿島線「大洗駅」",36.315045, 140.562903);//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.314073, 140.588084);
	var marker = addSetMarker(gpObj,"大洗シーサイドホテル",36.314073, 140.588084);//マーカーを作成
	map.addOverlay(marker);
	map.openInfoWindowHtml(gpObj,message);//情報ウィンドウを表示
}

function addSetMarker(gpObj,htp_name,htp_lat,htp_lng){

	customMarkerObj = new GIcon();
	customMarkerObj.image = "../images/image/icon_map_marker.gif";
	customMarkerObj.iconSize = new GSize(50, 35);
	customMarkerObj.iconAnchor = new GPoint(22, 42);
	customMarkerObj.infoWindowAnchor = new GPoint( 20, 5 );	// 情報ウィンドウの基準点
	var marker = new GMarker(gpObj, customMarkerObj);
	GEvent.addListener(marker, "click", function(){
	var map_info_box = '<p>' + htp_name + '</p>';
	if(htp_name == '大洗シーサイドホテル'){var map_info_box = message;}
	marker.openInfoWindowHtml(map_info_box);
	});
return marker;

}



function moveMAP(htp_name,shop_lat,shop_lng,page_y){
	var area = map.getBounds();
        map.setCenter(new GLatLng(shop_lat, shop_lng), 11);
	var gpObj = new GLatLng(shop_lat, shop_lng);
	customMarkerObj = new GIcon();
	customMarkerObj.image = "../images/image/icon_map_marker.gif";
	customMarkerObj.iconSize = new GSize(50, 35);
	customMarkerObj.iconAnchor = new GPoint(22, 42);
	customMarkerObj.infoWindowAnchor = new GPoint( 20, 5 );	// 情報ウィンドウの基準点
	var marker = new GMarker(gpObj, customMarkerObj);
	var map_info_box = '<p>' + htp_name + '</p>';
	if(htp_name == '大洗シーサイドホテル'){var map_info_box = message;}
	map.openInfoWindow(gpObj,map_info_box);
	scrollTo(0,page_y);//画面移動
}



function __GOLFMAP(){

      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(36.314073, 140.588084), 12);
        ctrlObj = new GLargeMapControl();
        map.addControl(ctrlObj);
        ctrlObj = new GMapTypeControl();
        map.addControl(ctrlObj);
	map.clearOverlays();
	var area = map.getBounds();
	var gpObj = new GLatLng(36.321547, 140.589481);
	var marker = addSetMarker(gpObj,"大洗ゴルフ倶楽部",36.321547, 140.589481);//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.269154, 140.539199);
	var marker = addSetMarker(gpObj,"太平洋アソシエイツシャーウッドコース",36.269154, 140.539199);//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.314073, 140.588084);
	var marker = addSetMarker(gpObj,"大洗シーサイドホテル",36.314073, 140.588084);//マーカーを作成
	map.addOverlay(marker);
	map.openInfoWindowHtml(gpObj,message);//情報ウィンドウを表示
      }
}




function __MIDOKOROMAP(){

      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(36.314073, 140.588084), 12);
        ctrlObj = new GLargeMapControl();
        map.addControl(ctrlObj);
        ctrlObj = new GMapTypeControl();
        map.addControl(ctrlObj);
	map.clearOverlays();
	var area = map.getBounds();
	var gpObj = new GLatLng(36.373135, 140.456439);
	var marker = addSetMidMarker(gpObj,"歴史が薫る「偕楽園」","http://www.koen.pref.ibaraki.jp/park/kairakuen01.html","img-midokoro1.jpg");//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.321417, 140.583187);
	var marker = addSetMidMarker(gpObj,"大洗町幕末と明治の博物館","http://www.bakumatsu-meiji.com/","img-midokoro3.jpg");//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.333771, 140.593806);
	var marker = addSetMidMarker(gpObj,"日本屈指の水族館「アクアワールド大洗」","http://www.aquaworld-oarai.com/","img-midokoro2.jpg");//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.400543, 140.591204);
	var marker = addSetMidMarker(gpObj,"国営ひたち海浜公園","http://www.hitachikaihin.go.jp/index.htm","img-midokoro4.jpg");//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.308818, 140.568528);
	var marker = addSetMidMarker(gpObj,"大洗リゾートアウトレット","http://www.oarai-outlet.com/","img-midokoro5.jpg");//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.321547, 140.589481);
	var marker = addSetMidMarker(gpObj,"大洗ゴルフ倶楽部","http://www.oarai-golf-club.co.jp/index.html","img_golf1.jpg");//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.269154, 140.539199);
	var marker = addSetMidMarker(gpObj,"太平洋アソシエイツシャーウッドコース","http://www.taiheiyoclub.co.jp/course/sherwood/index.html","img_golf2.jpg");//マーカーを作成
	map.addOverlay(marker);
	var gpObj = new GLatLng(36.314073, 140.588084);
	var marker = addSetMidMarker(gpObj,"大洗シーサイドホテル","/","icon_hotel.jpg");//マーカーを作成
	map.addOverlay(marker);
	map.openInfoWindowHtml(gpObj,message);//情報ウィンドウを表示
      }
}


function addSetMidMarker(gpObj,htp_name,shop_url,shop_image){

	customMarkerObj = new GIcon();
	customMarkerObj.image = "../images/image/" + shop_image;
	customMarkerObj.iconSize = new GSize(50, 35);
	customMarkerObj.iconAnchor = new GPoint(22, 42);
	customMarkerObj.infoWindowAnchor = new GPoint( 20, 5 );	// 情報ウィンドウの基準点
	var marker = new GMarker(gpObj, customMarkerObj);
	GEvent.addListener(marker, "click", function(){
	var map_info_box = '<h3>' + htp_name + '</h3>';
	map_info_box += '<p><img src=\"../images/image/' + shop_image + '\" width=\"100\" height=\"68\" hspace=\"10\" border=\"0\" align=\"left\" /></p>';
	map_info_box += '<p><a href=\"' + shop_url + '\" target=\"_blank\">ホームページ</a></p>';
	if(htp_name == '大洗シーサイドホテル'){var map_info_box = message;}
	marker.openInfoWindowHtml(map_info_box);
	});
return marker;

}


function moveMidMAP(htp_name,shop_lat,shop_lng,shop_url,shop_image){
	var area = map.getBounds();
        map.setCenter(new GLatLng(shop_lat, shop_lng), 11);
	var gpObj = new GLatLng(shop_lat, shop_lng);
	customMarkerObj = new GIcon();
	customMarkerObj.image = "../images/image/icon_map_marker.gif";
	customMarkerObj.iconSize = new GSize(50, 35);
	customMarkerObj.iconAnchor = new GPoint(22, 42);
	customMarkerObj.infoWindowAnchor = new GPoint( 20, 5 );	// 情報ウィンドウの基準点
	var marker = new GMarker(gpObj, customMarkerObj);
	var map_info_box = '<h3>' + htp_name + '</h3>';
	map_info_box += '<p><img src=\"../images/image/' + shop_image + '\" width=\"100\" height=\"68\" hspace=\"10\" border=\"0\" align=\"left\" /></p>';
	map_info_box += '<p><a href=\"' + shop_url + '\" target=\"_blank\">ホームページ</a></p>';
	if(htp_name == '大洗シーサイドホテル'){var map_info_box = message;}
	map.openInfoWindow(gpObj,map_info_box);
	scrollTo(0,500);//画面移動
}



function __SMALLMAPS(){
var map, geocoder, marker, ctrlObj, gpObj, salon_info;

	if(GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("smallmap"));
		gpObj = new GLatLng(36.314073, 140.588084);
		map.setCenter(gpObj, 16);
		customMarkerObj = new GIcon();
		customMarkerObj.image = "/images/image/icon_map_marker.gif";
		customMarkerObj.iconSize = new GSize(50, 35);
		customMarkerObj.iconAnchor = new GPoint(25, 31);
		marker = new GMarker(gpObj, customMarkerObj);
		map.addOverlay(marker);
  	}else{
		alert("ご利用のブラウザではGoogle　MAPsはご覧いただけません");
	}


}


window.onunload = GUnload;