var map = new Object();

function load() {
	if (GBrowserIsCompatible()) 
		DrawMap(0);
}

function DrawMap(area){
	map = new GMap2(document.getElementById("gmaparea"));
	map.addControl(new GLargeMapControl());
	map.setCenter(centers[area].point, centers[area].zoom);
	
	RPointDraw(0);
	SPointDraw();
	
	if(area > 0) CatDraw(area);
}

function SPointDraw(){
	for(var i=0; i<pt.length ; i++){
		if(pt[i].name){
			pt[i].key = i;
		}
		if(pt[i].point){
			var marker = new GMarker(pt[i].point,  {icon: MainIcon});
			pt[i].marker = marker;
			map.addOverlay(marker);
			PointWindow(pt[i]);
		}
	}
}

function RPointDraw(catid){
	for(var i=0; i<rp.length ; i++){
		if(catid < 1 || catid == rp[i].cat){
			rp[i].key = i;
			rp[i].icon = new GIcon(baseIcon);
			rp[i].icon.image = iconurl + "gmap_icon_"+ CIcon[rp[i].cat] +".png";
			rp[i].marker = new GMarker(rp[i].point, {icon: rp[i].icon} );
			map.addOverlay(rp[i].marker);
			PointWindow(rp[i]);
			if(typeof(entryid) != 'undefined' && rp[i].id == entryid ){
					rp[i].marker.openInfoWindowHtml(WindowMessage(rp[i]));
			}
		}
	}
}

function MapPoint(id, cat, lat, lng, zoom, img, body, info, infotel){
	this.id = parseInt(id);
	this.cat = parseInt(cat);
	this.lat = parseFloat(lat);
	this.lng = parseFloat(lng);
	this.zoom = parseInt(zoom);
	this.img = img;
	if(body) this.body = body + "　";
	else this.body = "<br /><br />";
	this.info = info;
	if(infotel) this.infotel = "tel: " + infotel;
	else  this.infotel = "";
	if(this.lat && this.lng ) this.point = new GLatLng(this.lat, this.lng);
}

function CatDraw(k){
	var str = "<ul id='cat_list'>";
	for(var i=0; i<pt.length ; i++){
		if(pt[i].cat==k )
			str += "<li><a href='javascript:PointWindowbyKey("+ i +")'>"+ pt[i].name +"</a></li>";
	}
	str += "</ul>";
	$('cat_navi').innerHTML = str;
}

function PointWindow(obj){
	GEvent.addListener(obj.marker, "click", function(){
			obj.marker.openInfoWindowHtml(WindowMessage(obj));
		}
	);
}



function WindowMessage(obj){
//	var msg = "<div class='entry'><div class='pointtitle'>" + obj.name + "</div>";
	var msg = "<div class='mapinfowindow'>";
		msg += "<div class='mapinfobody'>";
		msg+= obj.body;
		if(obj.info ){
			msg += "<div class='mapschooltitle'>住所</div>"+ obj.info  + "<br>" + obj.infotel + "</div>";
		}else{
			msg += "<div class='mapschooltitle'>■</div></div>";
		}
		if(obj.img) 
			msg += "<div class='mapthumimg'>"+ obj.img +"</div>";
		else
			msg += "<div class='mapthumimg'><img src='"+ iconurl +"no-image.gif' /></div>";
	return msg;
}