    var map;
	var center;
	var zoom;
	var ctrl;
	var gmarker = [];


    function load(addr) {
      if (GBrowserIsCompatible()) {

    	map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.enableScrollWheelZoom();
		

		if (addr) {
			searchMap(addr);
		}
		else {
			center = new GLatLng(35.664694, 139.700016);
			map.setCenter(center, 14);
			loadobjects();
		}

		// ドラッグ＆ドロップ時の動作時
        GEvent.addListener(map, "dragend", function() {
			loadobjects();
        });
		// ズームの動作時
        GEvent.addListener(map, "zoomend", function() {
			loadobjects();
        });

      }
    }

	function loadobjects(){
		$('loading').style.display = "inline";

		center = map.getCenter();
		var data = detail.getNearDetail(center.lng(), center.lat(), map.getZoom());
		var details = data["details"];
		$('result').innerHTML = data["html"];

//		map.clearOverlays();

		var points = [];

		for (key in details) {
			var meta = [];

			if (details[key]["detail_lat"] && details[key]["detail_lng"]) {
				points[key] = new GLatLng(details[key]["detail_lat"], details[key]["detail_lng"]);
				// ポイントを表示
				meta["icon"]  = "/img/icon/juku.png";
//				meta["icon"]  = "/img/photos/"+details[key]["company_id"]+"/logo.gif";
				meta["color"] = "FF0000";
				meta["html"]  = "<a href=\"/job/" + details[key]["company_alias"] + "/" + details[key]["detail_alias"] + "\">" + details[key]["detail_name"] + "</a>";
				meta["html"]  += "<br />" + details[key]["detail_pref"] + details[key]["detail_addr"];
//				meta["html"]  += "<br /><img src=\""+ "/img/photos/"+details[key]["company_id"]+"/logo.gif\" />";
				meta["html"]  += "<br />" + details[key]["option_payment"];
				meta["id"]  = details[key]["detail_id"];
				map.addOverlay(createMarker(points[key], meta));
				
			}
		}
		$('loading').style.display = "none";

	}

	function createMarker(points, meta){
		var icon = new GIcon();

		icon.image = meta["icon"];
		//icon.image = "/img/maps/icon/c_" + meta["color"] + ".png";
//		icon.iconSize = new GSize(30, 30);
		icon.iconAnchor = new GPoint(15, 40);
		icon.infoWindowAnchor = new GPoint(15, 0);

		var marker = new GMarker(points, icon);

		if (meta["html"]!="") {
			GEvent.addListener(marker, "click", function(){
				marker.openInfoWindowHtml(meta["html"]);
			});
		}
		gmarker[meta["id"]] = marker;
		return marker;

	}

	function detailClick(detail_id) {
		GEvent.trigger(gmarker[detail_id], "click");
	}


	function searchMap(address){

		if(!address){
			alert('キーワードを入力してください。');
			return false;
		}

		geocoder = new GClientGeocoder();

		geocoder.getLatLng(
			address,
			function(point){
				if(!point){
					alert(address +" \u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3002");
	            }
				else{
        			map.setCenter(point, 14);
					loadobjects();
	            }
        	}
		);
	}


