// JavaScript Document
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//ajax
XmlsReq2 = false;
if(window.XMLHttpRequest){
	XmlsReq2 = new XMLHttpRequest();
}else if(window.ActiveXObject){
	try{
			XmlsReq2 = new ActiveXObject("Msxm12.XMLHTTP");
	}catch(e){
			XmlsReq2 = new ActiveXObject("Microsoft.XMLHTTP");
	}
}

function Roadnavi_l(){
	if(!XmlsReq2)return;
	XmlsReq2.open('POST',"../../aji/ajax/navi_left.php");
	XmlsReq2.setRequestHeader("content-type","application/x-www-form-urlencoded;charset=UTF-8");
	XmlsReq2.send(encodeURI("back=2"));
	XmlsReq2.onreadystatechange=function(){
		if(XmlsReq2.readyState==4 && XmlsReq2.status==200){
			document.getElementById("links").innerHTML = XmlsReq2.responseText;
		}
	}
}

XmlsReq3 = false;
if(window.XMLHttpRequest){
	XmlsReq3 = new XMLHttpRequest();
}else if(window.ActiveXObject){
	try{
			XmlsReq3 = new ActiveXObject("Msxm12.XMLHTTP");
	}catch(e){
			XmlsReq3 = new ActiveXObject("Microsoft.XMLHTTP");
	}
}

function Roadnavi_r(){
	if(!XmlsReq3)return;
	XmlsReq3.open('POST',"../../aji/ajax/topi_right.php");
	XmlsReq3.setRequestHeader("content-type","application/x-www-form-urlencoded;charset=UTF-8");
	XmlsReq3.send(encodeURI("back=2"));
	XmlsReq3.onreadystatechange=function(){
		if(XmlsReq3.readyState==4 && XmlsReq3.status==200){
			document.getElementById("right_box").innerHTML = XmlsReq3.responseText;
		}
	}
}


window.onload = function() {
	Roadnavi_l();
	Roadnavi_r();
}

//ajax
XmlsReq = false;
if(window.XMLHttpRequest){
	XmlsReq = new XMLHttpRequest();
}else if(window.ActiveXObject){
	try{
			XmlsReq = new ActiveXObject("Msxm12.XMLHTTP");
	}catch(e){
			XmlsReq = new ActiveXObject("Microsoft.XMLHTTP");
	}
}

function maphtml(ajxstr,key){
	data = ajxstr.split("/");
	var strs = data[0];
	ary_strs = strs.split(",");
	var strid = ary_strs[0];
	if(key =="open"){
		var re_str = '<div id="mpttl' + strid + '"><a href="javascript:maphtml(&#39;'+ajxstr+'&#39;,&#39close&#39)"><img src="../image/mapclose_a.gif" alt="マップ" /></a></div><div id="map' + strid + '" style="width:490px;height:490px;"></div>';
	}else{
		var re_str = '<a href="javascript:openmap(&#39;'+ajxstr+'&#39;,&#39open&#39)"><img src="../image/mapopen_a.gif" alt="マップ" /></a>';
	}
	var inID = document.getElementById(strid);
	inID.innerHTML = re_str;
}

function openmap(ajxstr){
	maphtml(ajxstr,"open");
	pr_map(ajxstr);
}
// ===== マーカーとフキダシ =====
function createMarker(point,html) {
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {
	  marker.openInfoWindowHtml(html);
	});
	return marker;
}

function createMarker_sub(point,html) {
	var marker = new GMarker(point,icon);
	GEvent.addListener(marker, "click", function() {
	  marker.openInfoWindowHtml(html);
	});
	return marker;
}

var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

function pr_map(ajxstr){//idname,zooms,spcenterx,spcentery/ido,keido,nametext/ido,keido,nametext...
	window.scrollBy(0,250);
	if (GBrowserIsCompatible()) {
		DATA = ajxstr.split("/");
		var str0 = DATA[0];
		arydata = str0.split(",");
		idname = arydata[0];
		spzoom = arydata[1];
		if(arydata.length > 2){//マップセンター指定あり
			spcenterx = arydata[2];
			spcentery = arydata[3];
		}else{//マップセンター指定なし
			var spxyn = DATA[1];
			aryxyn = spxyn.split(",");
			spcenterx = aryxyn[0];
			spcentery = aryxyn[1];
		}
		// ===== 基礎部分、setCenterで中心座標とズームレベルを指定 =====
		var IDname = "map"+idname;
		var nums = new Number(spzoom);
		nums = nums + 0;
		var map = new GMap2(document.getElementById(IDname));
		map.addControl(new GLargeMapControl()); // ズームコントロール。Small で小型に
		map.addControl(new GMapTypeControl()); // 地図タイプ切り替えボタン
		map.setCenter(new GLatLng(spcenterx,spcentery), nums); // 緯度経度、ズームレベルは最大は17
		
		for(i = 1;i < DATA.length;i++){
			arysp = DATA[i].split(",");
			ido = arysp[0];
			keido = arysp[1];
			nametext = arysp[2];
		
		// ===== ポイント設置設定、前が緯度（Lat）、後が経度（Lng） =====
		// ===== ポイント１ =====
			var point = new GLatLng(ido,keido); //マーカーの位置を指定。上記の座標と同じでよい
			var strttl = '<div class="mapspotnm">' + nametext + '</div>';
			if(i == 1){
				var marker = createMarker(point,strttl);
			}else{
				var marker = createMarker_sub(point,strttl);
			}
			map.addOverlay(marker);
		}
	}
}