function load(){
	if (GBrowserIsCompatible()) {
		var physWithLabels = [ G_PHYSICAL_MAP.getTileLayers()[0], G_HYBRID_MAP.getTileLayers()[1] ];
var physWithLabelsMap = new GMapType(physWithLabels, G_PHYSICAL_MAP.getProjection(), "Hybrid Terrain");
		map = new GMap2(document.getElementById("map"));
		map.addMapType(G_PHYSICAL_MAP);
		map.addMapType(physWithLabelsMap);
		map.setCenter(new GLatLng(35.00682266894196, 135.7705020904541), 14);
		var mapControl = new GHierarchicalMapTypeControl();
		mapControl.clearRelationships();
		mapControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", false);
		mapControl.addRelationship(G_PHYSICAL_MAP, physWithLabelsMap, "Labels", false);
		map.addControl(mapControl);
		map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
	    var lsc = new google.maps.LocalSearch(); 
		var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT);
		map.addControl(new google.maps.LocalSearch(), bottomRight);
	}
}



function beauty(){
	resultText="";
	i = 1;
	end = 99;
	var lng = (map.getCenter()).lng();
	var lat = (map.getCenter()).lat();
	getBeauty(lat, lng);
}

function getBeauty(lat, lng) {
	var BeautyApi = "http://webservice.recruit.co.jp/beauty/salon/v1/";
    var BeautyKey = "7617444bbedf5a3c";
    var queri = BeautyApi + "?key=" + BeautyKey +
        "&lat=" + lat +
        "&lng=" + lng +
        "&range=" + 5 +
        "&count=" + 99;
    var url = proxy + "?METHOD=GET&URL=" + encodeURIComponent(queri);
	var request = GXmlHttp.create();
	request.open("GET", url, true);
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			var xmlDoc = request.responseXML;
			var numofSalons = xmlDoc.getElementsByTagName("salon").length;
			if (numofSalons > 99) { numofSalons = 99; }
			document.getElementById("counter").innerHTML = "Beauty抽出要素数： " + numofSalons;
			var i;
			for (i = 0; i < numofSalons; i++) {
				dspSalonsMarker(xmlDoc.getElementsByTagName("salon")[i]);
			}
		}
	}
	request.send(null);
}

function dspSalonsMarker(objSalons) {
	var name = objSalons.getElementsByTagName("name")[0].firstChild.nodeValue;
	var urls_pc = objSalons.getElementsByTagName("urls")[0];
	if(urls_pc.getElementsByTagName("pc")[0].firstChild == null){
	  	var url = "";
	}else{
		var url =urls_pc.getElementsByTagName("pc")[0].firstChild.nodeValue;
	}
	if(objSalons.getElementsByTagName("s")[0].firstChild == null){
	  	var picture = "";
	}else{
		var picture =objSalons.getElementsByTagName("s")[0].firstChild.nodeValue;
	}
	if(objSalons.getElementsByTagName("description")[0].firstChild == null){
	  	var caption = "";
	}else{
		var caption =objSalons.getElementsByTagName("description")[0].firstChild.nodeValue;
	}
	if(objSalons.getElementsByTagName("price")[0].firstChild == null){
	  	var price = "";
	}else{
		var price =objSalons.getElementsByTagName("price")[0].firstChild.nodeValue;
	}
	var html = "<div id=\"infow_title3\">" +
			   "<span id=\"infow_title\">" + name + "</span>" +
			   "&nbsp;<a href=\"" + url + "\" target=\"_blank\">" +
			   "&nbsp;詳細情報</a>" +
			   "</div>" +
			   "<div id=\"infow_left\">" +
			   "<img src=\"" + picture + "\" width=\"135px\" /><br />■&nbsp;カット価格："               + price + "</div>" +
			   "<div id=\"infow_right\">" +
			   caption + "<br />■&nbsp;提供：HotPepper Beauty";
               "</div>";

	var lng = objSalons.getElementsByTagName("lng")[0].firstChild.nodeValue;
	var lat = objSalons.getElementsByTagName("lat")[0].firstChild.nodeValue;
	var marker = createGMarker(name, lat, lng, html);
	document.getElementById("map_right").innerHTML = resultText;
}

function loadMap(url){
	i=1;
	var request = GXmlHttp.create();
	request.open("GET", url, true);
	request.onreadystatechange = function(){
		if(request.readyState==4){
			var xml = request.responseXML;
			var place = xml.documentElement.getElementsByTagName("items");
			end = place.length;
resultText="";
for(var i=0; i<place.length; i++){
	var lat = parseFloat(place[i].getElementsByTagName("lat")[0].firstChild.nodeValue);
	var lng = parseFloat(place[i].getElementsByTagName("lon")[0].firstChild.nodeValue);
	var name = place[i].getElementsByTagName("name")[0].firstChild.nodeValue;
	var info = place[i].getElementsByTagName("info")[0].firstChild.nodeValue;	
	var html = "<div style='width:200px'><b style='color: navy; font-size: small; font-weight: 400; font-style: normal;'>" + name + "</b><br />" + info + "</div>";
	var marker = createGMarker5(name, lat, lng, html);
}
	document.getElementById("map_right").innerHTML = resultText;
		}
	}
request.send('');
}

var map, map2;
var proxy = "http://www.travelplatz.com/js/proxy.php";	
var resultText="";
var markers = new Array();
var htmls = new Array();
var i = 1;
var end = 99;
function createGMarker(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/icong/icong"+ i + ".png";
	myIcon.iconSize = new GSize(20, 34);
	myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png";
	myIcon.shadowSize = new GSize(37, 34);
	myIcon.iconAnchor = new GLatLng(34, 10);
	myIcon.infoWindowAnchor = new GPoint(5, 5);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker1(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/iconr/iconr"+ i + ".png";
	myIcon.iconSize = new GSize(20, 34);
	myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png";
	myIcon.shadowSize = new GSize(37, 34);
	myIcon.iconAnchor = new GLatLng(34, 10);
	myIcon.infoWindowAnchor = new GPoint(5, 5);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker2(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/iconb/iconb"+ i + ".png";
	myIcon.iconSize = new GSize(20, 34);
	myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png";
	myIcon.shadowSize = new GSize(37, 34);
	myIcon.iconAnchor = new GLatLng(34, 10);
	myIcon.infoWindowAnchor = new GPoint(5, 5);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker3(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/iconw/iconw"+ i + ".png";
	myIcon.iconSize = new GSize(20, 34);
	myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png";
	myIcon.shadowSize = new GSize(37, 34);
	myIcon.iconAnchor = new GLatLng(34, 10);
	myIcon.infoWindowAnchor = new GPoint(5, 5);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker4(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/iconrw/iconrw"+ i + ".png";
	myIcon.iconSize = new GSize(20, 34);
	myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png";
	myIcon.shadowSize = new GSize(37, 34);
	myIcon.iconAnchor = new GLatLng(34, 10);
	myIcon.infoWindowAnchor = new GPoint(5, 5);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker5(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/icony/icony"+ i + ".png";
	myIcon.iconSize = new GSize(20, 34);
	myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png";
	myIcon.shadowSize = new GSize(37, 34);
	myIcon.iconAnchor = new GLatLng(34, 10);
	myIcon.infoWindowAnchor = new GPoint(5, 5);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map.removeOverlay(marker);
		map.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />";
		i++;
		if(i >end){i=1}
		return marker;
}
function createGMarker9(name, lat, lng, html) {
	var title = name;
	var point = new GLatLng(lat, lng);
	var myIcon;
	myIcon = new GIcon();
	myIcon.image = "http://www.travelplatz.com/js/icony/icony"+ i + ".png";
	myIcon.iconSize = new GSize(20, 34);
	myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png";
	myIcon.shadowSize = new GSize(37, 34);
	myIcon.iconAnchor = new GLatLng(34, 10);
	myIcon.infoWindowAnchor = new GPoint(5, 5);
	var marker = new GMarker(point, {"icon": myIcon});
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);});
		map2.removeOverlay(marker);
		map2.addOverlay(marker);
		markers[i] = marker;
		htmls[i] = html;
		resultText =  resultText + "<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a>&nbsp;";
		i++;
		if(i > end){i=1}
		return marker;
}
function changePlace(i) {
   markers[i].openInfoWindowHtml(htmls[i]);
}
onload = load;