//<script type="text/javascript">
//<!--

//対応を確認
if ( !GBrowserIsCompatible() ) {
	document.write("Google Mapの表示に対応していません。\n");
}

//変数宣言
var map;
var marker = new Array();

//中央のアイコンの作成
var center_icon = new GIcon(); 
center_icon.image = "plus.png"; 
center_icon.shadow = "shadow.png"; 
center_icon.iconSize = new GSize(23, 23); 
center_icon.shadowSize = new GSize(23, 23); 
center_icon.iconAnchor = new GPoint(12, 12); 
center_icon.infoWindowAnchor = new GPoint(12, 12); 

function addcentermarker(){
	map.centermarker = new GMarker(map.getCenter(), {icon: center_icon} );
	map.addOverlay(map.centermarker);
}

//マーカーを作成する関数
function addMarkerHtml(marker, html) {
	GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html);} );
}

//htmlを作成する関数
function makehtml(i){
	var html = "<div class=\"map\">\n";
	html = html + "<div class=\"name\">" + dat.items.item[i].name + "</div>\n";
	html = html + "<div class=\"category\">カテゴリー：" + dat.items.cat[dat.items.item[i].category] + "</div>\n";
	html = html + "<div class=\"type\">店の種類：" + dat.items.type[dat.items.item[i].type] + "</div>\n";
	html = html + "<div class=\"kind\">食物の種類：" + dat.items.kind[dat.items.item[i].kind] + "</div>\n";
	html = html + "<div class=\"time\">営業時間：" + dat.items.item[i].time + "</div>\n";
	html = html + "<div class=\"day_off\">休業日:" + dat.items.item[i].day_off + "</div>\n";
	html = html + "<div class=\"detail\"><a href=\"./detail.php?id=" + dat.items.item[i].id + "&md=detail\" target=\"_blank\">詳細表示</a></div>\n";
	html = html + "</div>\n";
	return html;
}

function dispmaps(){

	//mapを作成
    map = new GMap2(document.getElementById("map"));
    var kyoto = new GLatLng(35.037555,135.786284);
    map.setCenter(kyoto, 17);

	addcentermarker();

	//移動したときの処理
	GEvent.addListener(map, "moveend", 
		function() { 
			map.removeOverlay(map.centermarker); 
			addcentermarker();
		}
	);

	//overviewmapを表示
	map.addControl(new GOverviewMapControl(new GSize(200,150)));

	//縮尺を表示
    map.addControl(new GLargeMapControl());

	//衛星画像ボタンなどの地図タイプを選べるボタンコントロール
    map.addControl(new GMapTypeControl());

	leftinitial();

}

function getplace(){

	dispmaps();

    //draggable属性付きマーカーを生成します
    marker = new GMarker(new GLatLng(35.028255,135.778824),{ draggable:true });
    map.addOverlay(marker);

    GEvent.addListener(marker, 'dragend', function() {
		document.getElementById("lon").innerHTML = marker.getPoint().lng();
		document.getElementById("lat").innerHTML = marker.getPoint().lat();
    });
}

//markerを追加
function display(arr,pns,pne){

	map.clearOverlays();
	addcentermarker;

	var maxlat = 0;
	var minlat = 90;
	var maxlon = 0;
	var minlon = 180;

	var left = searchcond;
	left = left + "<li>" + pns.toString() + " - " + pne.toString() + "件目</li>";
	left = left + "<li><a href=\"javascript:void(0)\" onClick=\"formerpage();\">前の" + pm + "件</a>　<a href=\"javascript:void(0)\" onClick=\"latterpage();\">次の" + pm + "件</a></li>";

	for(i in arr){
		marker[i] = new GMarker(new GLatLng(dat.items.item[arr[i]].lat,dat.items.item[arr[i]].lon));
		map.addOverlay(marker[i]);
		addMarkerHtml(marker[i],makehtml(arr[i]));

		left = left + "<li><a href=\"javascript:void(0)\" onclick=\"GEvent.trigger(marker[" + String(i) + "],'click');\">" + dat.items.item[arr[i]].id + "." + dat.items.item[arr[i]].name + "</a></li>";

		if(maxlat < dat.items.item[arr[i]].lat){ maxlat = dat.items.item[arr[i]].lat;}
		if(minlat > dat.items.item[arr[i]].lat){ minlat = dat.items.item[arr[i]].lat;}
		if(maxlon < dat.items.item[arr[i]].lon){ maxlon = dat.items.item[arr[i]].lon;}
		if(minlon > dat.items.item[arr[i]].lon){ minlon = dat.items.item[arr[i]].lon;}
	}

	left = left + "<li><a href=\"javascript:void(0)\" onClick=\"formerpage();\">前の" + pm + "件</a>　<a href=\"javascript:void(0)\" onClick=\"latterpage();\">次の" + pm + "件</a></li>";
	document.getElementById('leftout').innerHTML = left;

	//サイズ調整
	if(pns != 1){
		var cposlat = map.getCenter().y;
		var dis = Math.max(Math.abs(maxlat-cposlat),Math.abs(minlat-cposlat));
		maxlat = cposlat + dis;
		minlat = cposlat - dis;
		var cposlon = map.getCenter().x;
		var dis = Math.max(Math.abs(maxlon-cposlon),Math.abs(minlon-cposlon));
		maxlon = cposlon + dis;
		minlon = cposlon - dis;
	}

	var maxLatLng = new GLatLng(maxlat,maxlon);
	var minLatLng = new GLatLng(minlat,minlon);
	var latLngBounds = new GLatLngBounds(minLatLng,maxLatLng);
	var mapCenter = new GLatLng((Number(minlat)+Number(maxlat))/2.0,(Number(minlon)+Number(maxlon))/2.0);
//	var mapCenter = new GLatLng((minlat+maxlat)/2.0,(minlon+maxlon)/2.0);
	var zoomLevel = map.getBoundsZoomLevel(latLngBounds);
	
	map.setCenter(mapCenter, zoomLevel);
}

// -->
//</script>
