// JavaScript Document;

//------------------ロード時に実行する。各表示を隠す。------------------;
function hiddenAction(){
	var toDetailBtn = document.getElementsByName("linkToOutline");
	for(var i=0; i<toDetailBtn.length; i++){
		//JSが有効の時、詳細に飛ぶボタンを非表示化する;
		toDetailBtn.item(i).style.display="none";
		//詳細エリアを非表示化する;
		document.getElementById("detailArea"+(i+1)).style.display="none";
		document.getElementById("detailArea"+(i+1)).style.position="absolute";
		document.getElementById("detailArea"+(i+1)).style.left="500px";
		document.getElementById("detailArea"+(i+1)).style.top="0";
	}
	//グレー背景のエリアを非表示化する;
	document.getElementById("grayBack").style.display="none";
	document.getElementById("grayBack").style.position="absolute";
	document.getElementById("grayBack").style.left="0";
	document.getElementById("grayBack").style.top="0";
	//JS非対応用に非表示にしておいたオブジェクトを表示する;
	document.getElementById("cautionJS").style.display="none";
//	var hiddenObjNum=document.getElementsByName("hiddenObj").item(objNum).length;
//	for(var objNum=0; objNum<=hiddenObjNum; objNum++) {
//		document.getElementsByName("hiddenObj").item(objNum).style.display="none";
//	}
	var visibleObjNum=document.getElementsByName("visibleObj").item(vObjNum).length;
	for(var vObjNum=0; vObjNum<=visibleObjNum; vObjNum++) {
		document.getElementsByName("visibleObj").item(vObjNum).style.display="block";
	}
	//Intervalを停止;
	clearInterval(clearId);
}

//------------------画面がリサイズされた時に実行する------------------;
function resizeEvent(){
	//grayBackが"block"の場合のみ。オリジナルで必ずblockを指定しておくこと。;
	for(var ii=0; ii<document.getElementsByName("linkToOutline").length; ii++){
		var check = document.getElementById("detailArea"+(ii+1)).style.display=="none";
		if(!check){
			detailsOpen(ii+1, "resise");
		}
	}
}


//------------------詳細表示ボタンをクリックしたときの動作------------------;
function detailsOpen(n, r){
	var windowW = window.innerWidth || document.body.clientWidth;
	var windowH = window.innerHeight || document.body.clientHeight;
	var pageW = document.body.clientWidth;
	var pageH = document.body.clientHeight;
	//グレー背景のエリアを表示する;
	grayBackVisible();
	//詳細を表示し、枠外に配置する;
	document.getElementById("detailArea"+n).style.display="block";
	document.getElementById("detailArea"+n).style.position="absolute";
	var detailTop=(document.documentElement.scrollTop) || (document.body.scrollTop);
	document.getElementById("detailArea"+n).style.top=detailTop+50+"px";
	//グレー背景の高さをWindowにあわせる;
	document.getElementById("shadow").style.display="block";
	//詳細を含めた最新の高さを取得する。;
	var scrollNum = document.documentElement.scrollTop || document.body.scrollTop;
	var shadowHeight = (scrollNum+100)+document.getElementById("detailArea"+n).clientHeight
	var maxHeight = Math.max(shadowHeight,pageH);
	document.getElementById("shadow").style.height = maxHeight+"px";
	document.getElementById("grayBack").style.height = maxHeight+"px";

	
	
	//閉じるボタンを画面中央に配置する;
	document.getElementById("closeBtn").style.position="absolute";
	var closeTop=(document.documentElement.scrollTop) || (document.body.scrollTop);
	document.getElementById("detailArea"+n).style.top=closeTop+50+"px";
	document.getElementById("closeBtn").style.top=closeTop+(document.getElementById("detailArea"+n).clientHeight)+50+"px";
	document.getElementById("closeBtn").style.left=windowW/2-(document.getElementById("closeBtn").clientWidth)/2+"px";
	if(r=="resise"){
		document.getElementById("detailArea"+n).style.left=pageW/2-(document.getElementById("texts"+n).clientWidth)/2+"px";
	}else{
		document.getElementById("detailArea"+n).style.left=windowW+50+"px";
		slidingDetail(n);
	}
}


//------------------詳細エリアを画面外からスライド表示させる------------------;
var speed = 0.75;
var clearId;
function slidingDetail(n){
	//到達地点destinationを設定;
	var windowW2 = window.innerWidth || document.body.clientWidth;
	var detailW=(document.getElementById("texts"+n).offsetWidth)/2;
	var destination = windowW2/2-detailW;
	slide();
	function slide(){
		var nowX=document.getElementById("detailArea"+n).style.left;
		nowX=nowX.slice(0,-2);
		if(nowX>=destination+10){
			document.getElementById("detailArea"+n).style.left=(nowX-destination)*speed+destination+"px";
		}else{
			document.getElementById("detailArea"+n).style.left=destination+"px";
			clearInterval(clearId);
		}
	}
	clearId=setInterval(slide,20);
}



//------------------グレー背景のエリアを表示する------------------;
function grayBackVisible(){
	document.getElementById("grayBack").style.display="block";
	return;
}

//------------------プリント用ページを開く------------------//
function printOpen(p){
	window.open('print/print_no'+p+'.html');
}