/**************************************
/*	map.js
/*************************************/
var map;

Event.observe(window,"load",function(){
	if (GBrowserIsCompatible()) {
		createMap();
		loadYokujo();
	}
});
Event.observe(window,"unload",function(){
	GUnload();
});

function createMap(){
	map = new GMap2(document.getElementById("gmap"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(35.6958351748321,139.63127374649048), 13);
}
function loadYokujo(){
	var param = Form.serialize("searchpanel");
	param += '&type=sentomap';
	map.clearOverlays();
	mAjax(param,buildGmap);
}
function buildGmap(oj){
	var json = eval("("+oj.responseText+")");
	
	for(var i=0; i<json.profile.length; i++){
		var data = json.profile[i];
		var point = new GLatLng(data.lat,data.lng);
		var marker = createMarker(point,data.serial,data.kana,data.yago);
		map.addOverlay(marker);
	}
}
function createMarker(point,serial,kana,yago){
	var iconObj = new GIcon();
	iconObj.image = "http://sentou.jp/map/icons/point_icon.png";
	iconObj.iconSize = new GSize(36,28);
	iconObj.shadow = "http://sentou.jp/map/icons/point_icon_shadow.png";
	iconObj.shadowSize = new GSize(36,28);
	iconObj.iconAnchor = new GPoint(0,28);
	iconObj.infoWindowAnchor = new GPoint(13,14);
	//html
	var html = '<div class="info_kana">'+kana+'</div>'
		+'<div class="info_yago">'+yago+'</div>'
		+'<div class="info_link"><a href="/map/'+serial+'.html">詳細</a></div>';
	
	var marker = new GMarker(point,iconObj);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});
	return marker; 
}




function clearmap(){
	map.clearOverlays();
}