//<![CDATA[
var map;
var tmp_markers = new Array();
var mark_html = new Array();
var markers = new Array();
var mapIcon;
var area_id;
var page_num;
var popid_num;
var pop_point;
var win_flg = 1;

//ページ読み込み時稼動関数
function load(x,y,area,page,popid) {
	x = x;
	y = y;
	area_id = area;
	page_num = page;
	popid_num = popid
	if(area == 22){
		var zoom = 8;
	}else{
		var zoom = 5;
	}
	
	

	if (GBrowserIsCompatible()) {
		map = new GMap(document.getElementById("map"));
		mapIcon = new GIcon();
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.centerAndZoom(new GPoint(x, y), zoom); 
		makePoint(win_flg);
	}
}

//xmlよりデータを取得してポイント生成
function makePoint(num) {
	
	// XMLファイルのURL指定
	var file = "http://www1.chaoo.com/tenpo_xml.php?area="+area_id+"&page="+page_num;

	// XMLHttpRequestオブジェクトを生成 
	var request = GXmlHttp.create();
	
	request.open("GET",file,true);
	
	// 読み込みステータスに変化があれば
	request.onreadystatechange = function() {
		// ファイル読み込み完了後に稼動
		if(request.readyState == 4) {
			var res = request.responseXML;
			// xmlファイルからデータを受け取って配列に入れる
			markers = res.documentElement.getElementsByTagName("marker");
			// 配列の長さだけ回す
			 for (var i = 0; i < markers.length; i++) {
			 	var ido = parseFloat(markers[i].getAttribute("ido")); 
				var keido = parseFloat(markers[i].getAttribute("keido")); 
				
				// ふきだし内部文章作成
				var str = "<div id=\"gmap\"><h1>"+markers[i].getAttribute("name")+"</h1>";
				if(markers[i].getAttribute("address") != null){
					str += "<ul><li>"+markers[i].getAttribute("address")+"</li></ul>";
				}
				if(markers[i].getAttribute("tel") != null){
					str += "<ul><li>"+markers[i].getAttribute("tel")+"</li></ul>";
				}
				str += "</div>";
				// 緯度・経度から座標作成
			 	var point = new GPoint(keido,ido);
			 	// 座標をもとに、マーカーを作成
//			 	var marker = new GMarker(point); 
			 	
			 	// Map表示と同時に吹き出し表示設定があれば、mapインスタンスで吹き出し作成
			 	if(num && popid_num == markers[i].getAttribute("id")){
			 		map.openInfoWindowHtml(point,str);
			 	}
			 	
			 	//マーカー画像設定
				mapIcon.image = "http://210.166.218.10/~www1/images/number_"+markers[i].getAttribute("num")+".gif";
				mapIcon.iconSize = new GSize(20, 20);
				mapIcon.iconAnchor = new GPoint(10, 10);
				mapIcon.infoWindowAnchor = new GPoint(10, 5);
			 	
			 	// マーカーを地図に記載して、配列に入れる
			 	var marker = createMarker(point,mapIcon, str,markers[i].getAttribute("id"));
			 	tmp_markers[markers[i].getAttribute("id")] = marker;
			 	mark_html[markers[i].getAttribute("id")] = str;
			 	
			}
		}
	}
	request.send(null);
}

// マーカー記載用関数
function createMarker(point, icon, html,id) {
	// マーカー宣言
	var marker = new GMarker(point,icon);
	
	// 吹き出し内部文章があれば、イベントリスナーを設定
	if(html){
		// クリックされた時に吹き出し描画、吹き出しID・フラグを設定
		 GEvent.addListener(marker, "click", function() {
		    marker.openInfoWindowHtml(html);
		    popid_num = id;
		    win_flg = 1;
		});
	}
	// マーカーを地図に描画
	map.addOverlay(marker);
	return marker;
}

// HTMLのAタグリンクで吹き出し表示用関数
// IDに記事IDを設定して呼び出し
function popup(id){
	// 吹き出しフラグとIDを設定
	win_flg = 1;
	popid_num = id;
	
//	map.clearOverlays(); 
//	makePoint(win_flg); 

	// 配列からマーカー情報と、吹き出し内部文章を取り出し
	var marker = tmp_markers[id];
	var html = mark_html[id];
	
	// 設定したマーカーの吹き出しを描画
	marker.openInfoWindowHtml(html);
	
//	obj = document.getElementById("item_"+id);
//	obj.style.backgroundColor='#FFDCDC';
	return;
}

// ?失敗関数
function move_anc(){ 
   obj = document.getElementById("map_anc"); 
   y = obj.offsetTop; 
   scrollTo(0,y); 
} 
//]]>