/* *************************************

概要：トップページ用GoogleMap用JSファイル

***************************************/


var map;
var httpObjGourmet;
var httpObjShopping;
var httpObjFacilities;
var httpObjEvent;
var httpObjSpot;
var httpObjOther;
var sidebar_html = "";


window.onload = function() {

        map = new GMap2(document.getElementById("gmap"));
	map.setCenter(new GLatLng(34.69027960801115, 135.51837980747223), 16);
	map.addControl(new GSmallMapControl());
	customMarkerObj = new GIcon();
	customMarkerObj.image = "http://www.omm.co.jp/area/common/images/content_icon014.png";
	customMarkerObj.iconSize = new GSize(70, 61);
	customMarkerObj.iconAnchor = new GPoint(17, 54);
	customMarkerObj.infoWindowAnchor = new GPoint(17, 31);
	marker_omm = new GMarker(new GLatLng(34.69024211584269, 135.51848709583282), customMarkerObj);
	map.addOverlay(marker_omm);
	GEvent.addListener(marker_omm, "click", function() {
		location.href="/area/omm/";
	});

	var msec = (new Date()).getTime();

	httpObjGourmet = GXmlHttp.create();
	httpObjGourmet.open("get", "/area/xml/point08.xml?cache="+msec);
	httpObjGourmet.onreadystatechange = function() {
		if ((httpObjGourmet.readyState == 4) && (httpObjGourmet.status == 200)) addMarker(1);
	}
	httpObjGourmet.send(null);

	httpObjShopping = GXmlHttp.create();
	httpObjShopping.open("get", "/area/xml/point09.xml?cache="+msec);
	httpObjShopping.onreadystatechange = function() {
		if ((httpObjShopping.readyState == 4) && (httpObjShopping.status == 200)) addMarker(2);
	}
	httpObjShopping.send(null);

	httpObjFacilities = GXmlHttp.create();
	httpObjFacilities.open("get", "/area/xml/point010.xml?cache="+msec);
	httpObjFacilities.onreadystatechange = function() {
		if ((httpObjFacilities.readyState == 4) && (httpObjFacilities.status == 200)) addMarker(3);
	}
	httpObjFacilities.send(null);

	httpObjEvent = GXmlHttp.create();
	httpObjEvent.open("get", "/area/xml/point011.xml?cache="+msec);
	httpObjEvent.onreadystatechange = function() {
		if ((httpObjEvent.readyState == 4) && (httpObjEvent.status == 200)) addMarker(4);
	}
	httpObjEvent.send(null);

	httpObjSpot = GXmlHttp.create();
	httpObjSpot.open("get", "/area/xml/point012.xml?cache="+msec);
	httpObjSpot.onreadystatechange = function() {
		if ((httpObjSpot.readyState == 4) && (httpObjSpot.status == 200)) addMarker(5);
	}
	httpObjSpot.send(null);

	httpObjOther = GXmlHttp.create();
	httpObjOther.open("get", "/area/xml/point013.xml?cache="+msec);
	httpObjOther.onreadystatechange = function() {
		if ((httpObjOther.readyState == 4) && (httpObjOther.status == 200)) addMarker(6);
	}
	httpObjOther.send(null);

}


function myMarker(marker,lat, lng, msg,link) {
	GEvent.addListener(marker, "click", function() {
		location.href=link;
	});
	return marker;
}


function addMarker(cnt) {


	if (cnt == 1){
		var xmlData = httpObjGourmet.responseXML;
		if (xmlData == null) return;
		var pointData = xmlData.getElementsByTagName("point");

		var customMarkerObj = new GIcon();
		customMarkerObj.image = "/area/common/images/content_icon08.png";
		customMarkerObj.iconSize = new GSize(70, 61);
		customMarkerObj.iconAnchor = new GPoint(17, 54);
		customMarkerObj.infoWindowAnchor = new GPoint(17, 31);

		for (var i=0; i<pointData.length; i++) {
			var longi = pointData[i].getAttribute("longitude");
			var lati = pointData[i].getAttribute("latitude");
			var title = pointData[i].getAttribute("title");
			var photo = pointData[i].getAttribute("photo");
			var body = pointData[i].getAttribute("body");
			var mylink = pointData[i].getAttribute("link");
			var latlng = new GLatLng(lati, longi);
			html = "<div class='balloon type08'><h3>"+title+"</h3><p class='clearfix'>"+photo+body+"<span class='link'><a href='"+mylink+"'>詳しくはこちら</a></span></p></div>";

                        var markerGourmet = new GMarker(latlng, customMarkerObj);
			map.addOverlay(myMarker(markerGourmet ,lati,longi, html,mylink));
		}
	}

	if (cnt == 2){
		var xmlData = httpObjShopping.responseXML;
		if (xmlData == null) return;
		var pointData = xmlData.getElementsByTagName("point");

		var customMarkerObj = new GIcon();
		customMarkerObj.image = "/area/common/images/content_icon09.png";
		customMarkerObj.iconSize = new GSize(70, 61);
		customMarkerObj.iconAnchor = new GPoint(17, 54);
		customMarkerObj.infoWindowAnchor = new GPoint(17, 31);

		for (var i=0; i<pointData.length; i++) {
			var longi = pointData[i].getAttribute("longitude");
			var lati = pointData[i].getAttribute("latitude");
			var title = pointData[i].getAttribute("title");
			var photo = pointData[i].getAttribute("photo");
			var body = pointData[i].getAttribute("body");
			var mylink = pointData[i].getAttribute("link");
			var latlng = new GLatLng(lati, longi);
			html = "<div class='balloon type09'><h3>"+title+"</h3><p class='clearfix'>"+photo+body+"<span class='link'><a href='"+mylink+"'>詳しくはこちら</a></span></p></div>";

			var markerShopping = new GMarker(latlng, customMarkerObj);
			map.addOverlay(myMarker(markerShopping ,lati,longi, html,mylink));
		}
	}

	if (cnt == 3){
		var xmlData = httpObjFacilities.responseXML;
		if (xmlData == null) return;
		var pointData = xmlData.getElementsByTagName("point");

		customMarkerObj = new GIcon();
		customMarkerObj.image = "/area/common/images/content_icon010.png";
		customMarkerObj.iconSize = new GSize(70, 61);
		customMarkerObj.iconAnchor = new GPoint(17, 54);
		customMarkerObj.infoWindowAnchor = new GPoint(17, 31);

		for (var i=0; i<pointData.length; i++) {
			var longi = pointData[i].getAttribute("longitude");
			var lati = pointData[i].getAttribute("latitude");
			var title = pointData[i].getAttribute("title");
			var photo = pointData[i].getAttribute("photo");
			var body = pointData[i].getAttribute("body");
			var mylink = pointData[i].getAttribute("link");
			var latlng = new GLatLng(lati, longi);
			html = "<div class='balloon type010'><h3>"+title+"</h3><p class='clearfix'>"+photo+body+"<span class='link'><a href='"+mylink+"'>詳しくはこちら</a></span></p></div>";

			var markerFacilities = new GMarker(latlng, customMarkerObj);
			map.addOverlay(myMarker(markerFacilities ,lati,longi, html,mylink));
		}
	}

	if (cnt == 4){
		var xmlData = httpObjEvent.responseXML;
		if (xmlData == null) return;
		var pointData = xmlData.getElementsByTagName("point");

		customMarkerObj = new GIcon();
		customMarkerObj.image = "/area/common/images/content_icon011.png";
		customMarkerObj.iconSize = new GSize(70, 61);
		customMarkerObj.iconAnchor = new GPoint(17, 54);
		customMarkerObj.infoWindowAnchor = new GPoint(17, 31);

		for (var i=0; i<pointData.length; i++) {
			var longi = pointData[i].getAttribute("longitude");
			var lati = pointData[i].getAttribute("latitude");
			var title = pointData[i].getAttribute("title");
			var photo = pointData[i].getAttribute("photo");
			var body = pointData[i].getAttribute("body");
			var mylink = pointData[i].getAttribute("link");
			var latlng = new GLatLng(lati, longi);
			html = "<div class='balloon type011'><h3>"+title+"</h3><p class='clearfix'>"+photo+body+"<span class='link'><a href='"+mylink+"'>詳しくはこちら</a></span></p></div>";

			var markerEvent = new GMarker(latlng, customMarkerObj);
			map.addOverlay(myMarker(markerEvent,lati,longi, html,mylink));
		}
	}

	if (cnt == 5){
		var xmlData = httpObjSpot.responseXML;
		if (xmlData == null) return;
		var pointData = xmlData.getElementsByTagName("point");

		customMarkerObj = new GIcon();
		customMarkerObj.image = "/area/common/images/content_icon012.png";
		customMarkerObj.iconSize = new GSize(70, 61);
		customMarkerObj.iconAnchor = new GPoint(17, 54);
		customMarkerObj.infoWindowAnchor = new GPoint(17, 31);

		for (var i=0; i<pointData.length; i++) {
			var longi = pointData[i].getAttribute("longitude");
			var lati = pointData[i].getAttribute("latitude");
			var title = pointData[i].getAttribute("title");
			var photo = pointData[i].getAttribute("photo");
			var body = pointData[i].getAttribute("body");
			var mylink = pointData[i].getAttribute("link");
			var latlng = new GLatLng(lati, longi);
			html = "<div class='balloon type012'><h3>"+title+"</h3><p class='clearfix'>"+photo+body+"<span class='link'><a href='"+mylink+"'>詳しくはこちら</a></span></p></div>";

			var markerSpot = new GMarker(latlng, customMarkerObj);
			map.addOverlay(myMarker(markerSpot ,lati,longi, html,mylink));
		}
	}

	if (cnt == 6){
		var xmlData = httpObjOther.responseXML;
		if (xmlData == null) return;
		var pointData = xmlData.getElementsByTagName("point");

		customMarkerObj = new GIcon();
		customMarkerObj.image = "/area/common/images/content_icon013.png";
		customMarkerObj.iconSize = new GSize(70, 61);
		customMarkerObj.iconAnchor = new GPoint(17, 54);
		customMarkerObj.infoWindowAnchor = new GPoint(17, 31);

		for (var i=0; i<pointData.length; i++) {
			var longi = pointData[i].getAttribute("longitude");
			var lati = pointData[i].getAttribute("latitude");
			var title = pointData[i].getAttribute("title");
			var photo = pointData[i].getAttribute("photo");
			var body = pointData[i].getAttribute("body");
			var mylink = pointData[i].getAttribute("link");
			var latlng = new GLatLng(lati, longi);
			html = "<div class='balloon type013'><h3>"+title+"</h3><p class='clearfix'>"+photo+body+"<span class='link'><a href='"+mylink+"'>詳しくはこちら</a></span></p></div>";

			var markerOther = new GMarker(latlng, customMarkerObj);
			map.addOverlay(myMarker(markerOther,lati,longi,html,mylink));
		}
	}

}