// JavaScript Document
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 Roadnavi_l(){
	if(!XmlsReq)return;
	XmlsReq.open('POST',"../ajax/navi_left.php");
	XmlsReq.setRequestHeader("content-type","application/x-www-form-urlencoded;charset=UTF-8");
	XmlsReq.send(encodeURI("back=2"));
	XmlsReq.onreadystatechange=function(){
		if(XmlsReq.readyState==4 && XmlsReq.status==200){
			document.getElementById("lnavi").innerHTML = XmlsReq.responseText;
		}
	}
}


var conts = new Array();
var contsnavi_ttl = new Array();
contsnavi_ttl[0] = "全表示";
contsnavi_ttl[1] = "紹介文";
contsnavi_ttl[2] = "写真";
contsnavi_ttl[3] = "メニュー";
contsnavi_ttl[4] = "ランチ";
contsnavi_ttl[5] = "データ";
contsnavi_ttl[6] = "マップ";
var cntnavi_tag = "";
var cnavi_actv = 0;

window.onload = function(){
	Roadnavi_l();
	map_print();
	make_phnavi();
	for(i = 0;i < 7;i++){
		var id = document.getElementById("block" + i);
		conts[i] = id.innerHTML;
		if(i == 1){
			if(conts[1].length < 500){
				conts[1] = "";
			}else{
				var str300 = conts[1].slice(0,300);
				id.innerHTML = str300 + '<a href="javascript:read_plus()">…つづきを見る</a>';
			}
		}
	}
	make_contsnavi();
}

function read_plus(){
	var id = document.getElementById("block1");	
	id.innerHTML = conts[1];
}
function make_contsnavi(){
	for(i = 0;i < conts.length;i++){
		if(conts[i] != ""){
			cntnavi_tag += '<a href="javascript:change_cont('+i+')" id="cnavi_a'+i+'">'+contsnavi_ttl[i]+'</a>';
		}
	}
	var id = document.getElementById("cnavi");
	id.innerHTML = cntnavi_tag;
	var id_start = document.getElementById("cnavi_a0");
	id_start.style.backgroundImage = 'url(../img/tp_cntbk1.jpg)';
}

function change_cont(num){
	var id = document.getElementById("block0");
	id.innerHTML = conts[num];
	if(num == 6 || num == 0){
		map_print();
	}
	var id_old = document.getElementById("cnavi_a"+ cnavi_actv);
	id_old.style.backgroundImage = 'url(../img/tp_cntbk2.jpg)';
	cnavi_actv = num;
	var id_new = document.getElementById("cnavi_a"+ cnavi_actv);
	id_new.style.backgroundImage = 'url(../img/tp_cntbk1.jpg)';
}

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

function map_print(){
	if (GBrowserIsCompatible()) {
		var id = document.getElementById("map");
		
		// ===== 基礎部分、setCenterで中心座標とズームレベルを指定 =====
		var map = new GMap2(id);
		map.addControl(new GLargeMapControl()); // ズームコントロール。Small で小型に
		map.addControl(new GMapTypeControl()); // 地図タイプ切り替えボタン
		var zooms = 17;
		
		map.setCenter(new GLatLng(map_x,map_y), zooms); // 緯度経度、ズームレベルは最大は17
		
		// ===== ポイント設置設定、前が緯度（Lat）、後が経度（Lng） =====
		var point = new GLatLng(map_x,map_y);
		var marker = createMarker(point,map_n);
		map.addOverlay(marker);
		GEvent.trigger(marker, "click", null);
	}
}
var mp_strimg = "";
var mp_strcap = "";
var Ary_image = new Array();
function make_phnavi(){
	var str_pnavi = "";
	for(i = 0;i < Ary_img.length;i++){
		Ary_image[i] = new Image();
		Ary_image[i].src = "../"+TenpoKey+"/img/"+Ary_img[i];
		var num2 = i + 1;
		str_pnavi += '<a href="javascript:change_img('+num2+')">'+num2+'</a>';
	}
	if(i > 1){
		var id = document.getElementById("pnavi");
		id.innerHTML = '<div id="pnavittl">写真一覧</div>' + str_pnavi;
		id.innerHTML += '<a href="javascript:all_img()">全</a><a href="javascript:close_ph()" id="pbclose">閉</a>';
		idctrl = document.getElementById("p_control");
		idctrl.innerHTML = str_control;
	}
	var idimg = document.getElementById("phimg");
	idimg.src = Ary_image[0].src;
	var idcap = document.getElementById("capbox");
	idcap.innerHTML ="[1]：" + Ary_cap[0];
}

function change_img(num,imgsrc){
	var num2 = num-1;
	var idpbox = document.getElementById("phbox");
	idpbox.innerHTML ='<img src="" id="phimg" />';
	var idimg = document.getElementById("phimg");
	idimg.src = Ary_image[num2].src;
	var idcap = document.getElementById("capbox");
	idcap.innerHTML = "[" + num + "]：" + Ary_cap[num2];
	var cls_id = document.getElementById("pbclose");
	cls_id.style.visibility = "hidden";
	ph_index = num2;
	var idnum = document.getElementById("pc_num");
	idnum.innerHTML = "[ "+num+" ]";
}
function all_img(){
	var idpbox = document.getElementById("phbox");
	var str_imgtag = "";
	var i = 0;
	for(IMG in Ary_img){
		str_imgtag += '<img src="'+Ary_image[i].src+'" class="allimg" /><br />' + Ary_cap[i] + '<br />';
		i++;
	}
	idpbox.innerHTML = str_imgtag;
	var idcap = document.getElementById("capbox");
	idcap.innerHTML ="全写真表示中";
	var cls_id = document.getElementById("pbclose");
	cls_id.style.visibility = "visible";
	idctrl = document.getElementById("p_control");
	keep_ctrl = idctrl.innerHTML;
	idctrl.innerHTML = "";
}
var keep_ctrl = "";
function close_ph(){
	var cls_id = document.getElementById("pbclose");
	cls_id.style.visibility = "hidden";
	var idpbox = document.getElementById("phbox");
	idpbox.innerHTML ='<img src="'+Ary_image[ph_index].src+'" id="phimg" />';
	var idcap = document.getElementById("capbox");
	var num = ph_index+1;
	idcap.innerHTML ="["+ num +"]：" + Ary_cap[ph_index];
	idctrl = document.getElementById("p_control");
	idctrl.innerHTML = keep_ctrl;
}

var str_control = '<table cellpadding="0" cellspacing="0"><tr><td id="pc_back"><a href="javascript:ph_backnext(-1)"> </a></td><td id="pc_num">[ 1 ]</td><td id="pc_next"><a href="javascript:ph_backnext(1)"> </a></td></tr></table>';
var ph_index = 0;
function ph_backnext(pkey){
	var plength = Ary_image.length;
	if(pkey == -1){
		if(ph_index == 0){
			ph_index = plength -1;
		}else{
			ph_index--;
		}
	}else{
		ph_index++;
		if(ph_index == plength){
			ph_index = 0;
		}
	}
	var idimg = document.getElementById("phimg");
	idimg.src = Ary_image[ph_index].src;
	var idnum = document.getElementById("pc_num");
	var nums =  ph_index + 1;
	idnum.innerHTML = "[ "+nums+" ]";
	var idcap = document.getElementById("capbox");
	idcap.innerHTML ="["+ nums +"]：" + Ary_cap[ph_index];
}