var doc = $('data');
var image;
var page = 1;
var max_page = 0;
var max_record = 0;
var view = 15;	// 表示件数

var map;


function load(file, imagepath) {
	GUnload()
	image = imagepath;

	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("gmap"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GOverviewMapControl());
		map.addControl(new GMapTypeControl());
		var msec = (new Date()).getTime();
//		new Ajax.Request("js/point.csv?"+msec, {method: "get", onSuccess: addMarker });
		new Ajax.Request(file + "?" +msec, {method: "get", onSuccess: addMarker });
	}
}

function linkClick(latlng, html, mark){
//	map.closeInfoWindow 
	map.setCenter(latlng);
	mark.openInfoWindowHtml(html);
}

function createMarker(point, name, html, num){
	var marker = new GMarker(point);
	var d = $("marker"+num);
	var link_point = point.lat() + "," + point.lng();
	d.innerHTML = d.innerHTML + "<a href=\"javascript:void(0)\">" + name + "</a>";

	var marker_link = document.getElementById("marker" + num);
	var f = function(){linkClick(point, html, marker);};
	marker_link.onmousedown = f;


	GEvent.addListener(marker,"click",function(){
//		map.closeInfoWindow 
		map.setCenter(point);
		marker.openInfoWindowHtml(html);
	});	
	
	
	return marker;
}

function addMarker(httpObj){
	var CR = String.fromCharCode(13);
	var txt = httpObj.responseText;
	var pointData = txt.split(CR);
	var d = $("data");
	max_record = pointData.length;
	max_page = Math.ceil(max_record / view);

	
	var len;
//	for(var i=0; i<pointData.length; i++){
	for(var i=0, len = pointData.length; i < len; i++){
		var pnt = pointData[i].split(",");
		var my = pnt[0];
		var mx = pnt[1];
		var pnt_len = pnt.length;
		var html = "<div id=\"infowindow\">" + pnt[2] + "<br />";
//		var html = "<div>" + pnt[2] + "<br />";
		if(pnt[3].length != 0){
			html = html + "<img src=\"" + image + pnt[3] + "\" width=\"200\" height=\"150\" border=\"0\" /><br />";
		}
		html = html + "<div style=\"font-size:0.8em;\">" + pnt[4] + "<br />";
		if(pnt[5].length != 0){
			html = html + "<a href=\"" + pnt[5] + "\" target=\"_BLANK\" />■施設のサイト</a><br /></div>";
		}else{
			html = html + "</div>";
		}
		for(var j=6; j<pnt_len; j++){
			if(pnt[j].length != 0){
				html = html + "<div style=\"font-size:0.8em;\"><hr size=\"1\">" + pnt[j] + "</div>";
			}
		}
		
		html = html+ "</div>";


		var point = new GLatLng(my, mx);
		if(i == 0 ){
			map.setCenter(point, 12);
			map.openInfoWindowHtml(point,html);	
			map.closeInfoWindow();
		}
		map.addOverlay(createMarker(point, pnt[2], html, i));
		
		if(i > view-1){				
			$("marker" + i).style.display = "none";
		}

	}
	
	if(max_record > view-1){
		if( i != view){
			$("next").innerHTML = "<a href=\"javascript:void(0)\" onClick=\"movePage(1);\">" + "次項＞＞" + "</a>";
			$("now_page").innerHTML = "(" + page + "/" + max_page + ")";	
		}
	}


}

function movePage(move){
	document.getElementsByClassName("mark").each(function(obj){ obj.style.display = "none";});
	if(move == 0){
		page -= 1;
		if(page <= 0){
			page = 1;
		}
	}else{
		if(page  < max_page){
			page += 1;
		}else{
			page = max_page;
		}
	}

	if(page == max_page){
		var start = (page - 1) * view;
		var end = max_record - 1;
		$("next").innerHTML = "";
		$("before").innerHTML = "<a href=\"javascript:void(0)\" onClick=\"movePage(0);\">" + "＜＜前項" + "</a>";		
	}else if(page == 1){
		var start = 0;
		var end = start + view - 1;		
		$("before").innerHTML = "";
		$("next").innerHTML = "<a href=\"javascript:void(0)\" onClick=\"movePage(1);\">" + "次項＞＞" + "</a>";
	}else{
		var start = (page - 1) * view;
		var end = start + view -1;
		$("before").innerHTML = "<a href=\"javascript:void(0)\" onClick=\"movePage(0);\">" + "＜＜前項" + "</a>";
		$("next").innerHTML = "<a href=\"javascript:void(0)\" onClick=\"movePage(1);\">" + "次項＞＞" + "</a>";
	}
	
	if(page <= max_page){
		if(page == max_page){
		}else{
		}
		for(i = start; i <= end; i++){
			$("marker" + i).style.display = "block";
		}
	}else{
		page = max_page;
	}
	$("now_page").innerHTML = "(" + page + "/" + max_page + ")";
}