/*** 以下オーバーフレーム用 ***/
var open_of = false;            //SS表示フラグ
var st;                         //セットタイマーオブジェクト
var ary_ofo = new Array();      //オーバーフレーム配列オブジェクト
var of_height = 0;
var opacity = 0;

//★暗転時の設定
var alpha_speed = 1;            //ミリ秒
var alpha_step = 15;            //パーセンテージ
var alpha_percent = 30;         //最大アルファ％
var blackout_color = "#000000"; //暗転色

function openOverFrameMovie(file_nm, mv_stage) {
	open_of = true;
	of_height = 538;
	
	document.getElementById("img_obj").style.display = "none";
	document.getElementById("of_back").style.backgroundColor = blackout_color; //暗転色
	document.getElementById("of_back").style.display = "block";
	document.getElementById("mv_obj").style.display = "block";
	
	document.getElementById("mv_frame").src = mv_stage + "?fn=" + file_nm;
	
	//暗転処理
	if( document.all ){
		//IEの場合バグがあるので専用のスタイルに変更する
		document.getElementById("of_back").className = "fixed of_area of_back_ie";
		document.getElementById("fixed").className = "fixed_off_ie";
	}
	else {
		document.getElementById("of_back").className = "fixed of_area of_back";
		document.getElementById("fixed").className = "fixed_off";
	}
	document.getElementById("of_area").style.display = "block";
	opacity = 0;
	alphaOver();
	
	//ページカウンター設定
	setPageCounter(0);
	document.getElementById("back_obj").style.display = "none";
	document.getElementById("next_obj").style.display = "none";
}

function openOverFrame(ofo_idx) {
	open_of = true;
	
	setScreenShot(ofo_idx);
	
	document.getElementById("mv_obj").style.display = "none";
	document.getElementById("of_back").style.backgroundColor = blackout_color; //暗転色
	document.getElementById("of_back").style.display = "block";
	document.getElementById("img_obj").style.display = "block";
	
	//暗転処理
	if( document.all ){
		//IEの場合バグがあるので専用のスタイルに変更する
		document.getElementById("of_back").className = "fixed of_area of_back_ie";
		document.getElementById("fixed").className = "fixed_off_ie";
	}
	else {
		document.getElementById("of_back").className = "fixed of_area of_back";
		document.getElementById("fixed").className = "fixed_off";
	}
	document.getElementById("of_area").style.display = "block";
	opacity = 0;
	alphaOver();
	
	//ページカウンター設定
	setPageCounter(ofo_idx + 1);
}

function setScreenShot(ofo_idx) {
	
	of_height = ary_ofo[ofo_idx][4];                                    //コントロール帯を含めた全体の高さ
	document.getElementById("mv_ctrl").width = ary_ofo[ofo_idx][2];     //コントロール帯の横幅
	document.getElementById("over_frame").src = ary_ofo[ofo_idx][0];    //画像ファイルSRC
	document.getElementById("over_frame").height = ary_ofo[ofo_idx][1]; //画像ファイル高さ
	document.getElementById("over_frame").width = ary_ofo[ofo_idx][2];  //画像ファイル横幅
	document.getElementById("over_frame").alt = ary_ofo[ofo_idx][3];    //画像ファイルALT
}

function closeOverFrame() {
	if (document.getElementById("mv_frame").value != "dummy") {
		if (blank_file == "") {
			blank_file = "blank_file.html"
		}
		
		if (document.getElementById("mv_frame").src.replace("../","") != "blank.html") {
			document.getElementById("mv_frame").src = blank_file;
		}
	}
	open_of = false;
	document.getElementById("fixed").style.display = "none";
	alphaOut();
}

function closeOverFrameMovie() {
	document.getElementById("mv_frame").src = blank_file;
	
	open_of = false;
	document.getElementById("fixed").style.display = "none";
	alphaOut();
}

function alphaOver() {
	if (opacity <= alpha_percent) {
		opacity += alpha_step;
		document.getElementById("of_back").style.filter = "alpha(style=0, opacity=" + opacity + ")";
		document.getElementById("of_back").style.opacity = (opacity / 100);
		st = setTimeout("alphaOver()",alpha_speed);
	}
	else {
		document.getElementById("fixed").style.display = "block";
		clearTimeout(st);
	}
}

function alphaOut() {
	if (0 <= opacity) {
		opacity -= alpha_step;
		document.getElementById("of_back").style.filter = "alpha(style=0, opacity=" + opacity + ")";
		document.getElementById("of_back").style.opacity = (opacity / 100);
		st = setTimeout("alphaOut()",alpha_speed);
	}
	else {
		document.getElementById("of_area").style.display = "none";
		//document.getElementById("over_frame").src = "images/spacer.gif";
		document.getElementById("over_frame").src = blank_file;
		clearTimeout(st);
	}
}

function setpositionOverFrame() {

	if (!open_of) return;
	
	var obj = window;
	
	//各ブラウザのタイプによる高さの取得
	if( window.opera ) {
		//alert("OPERA");
		var h = obj.innerHeight;
	} else if( document.all ){                //ie4-
		//alert("IE");
		var h = obj.document.body.clientHeight;
	} else if( document.getElementById ){    //n6-7, m1, s1
		//alert("FF");
		var h = obj.innerHeight;
	}
	
	var margin_top = (h - of_height) / 2;    //上下の等余白取得
	
	if (of_height < h) {
		if( document.all ){
			//IEの場合バグがあるので専用のスタイルに変更する
			document.getElementById("fixed").className = "fixed_ie";
		}
		else {
			document.getElementById("fixed").className = "fixed";
		}
		
		document.getElementById("fixed").style.marginTop = Number(margin_top);
	}
	else {
		if( document.all ){
			//IEの場合バグがあるので専用のスタイルに変更する
			document.getElementById("of_back").className = "fixed_ie of_area of_back_ie";
			document.getElementById("fixed").className = "fixed_off_ie";
		}
		else {
			document.getElementById("of_back").className = "fixed of_area of_back";
			document.getElementById("fixed").className = "fixed_off";
		}
		
		document.getElementById("fixed").style.marginTop = 0;
	}
	
	//Wii対応
	var ua = navigator.userAgent;
	
	//★Wiiの場合表示位置調整
	if (ua.match(/Wii/i)) {
		margin_top = 300; //←ここの数値は任意
		document.getElementById("fixed").style.marginTop = Number(margin_top);
		document.getElementById("fixed").className = "fixed_off";
	}
	
	//★縦位置を固定位置にする場合は下記のコメント解除
	/*
	margin_top = 100;
	document.getElementById("fixed").style.marginTop = Number(margin_top);
	if ( document.all ) {
		document.getElementById("fixed").className = "";
	}
	else {
		document.getElementById("fixed").className = "fixed_off";
	}
	*/
}

/*** 以下next/back対応 ***/
var now_idx = 0; //表示スクリーンショットインデックス

function setPageCounter(page_idx) {
	now_idx = page_idx;
	
	//document.getElementById("page_cnt").value = page_idx;
	//document.getElementById("page_total").value = ary_ofo.length;
	
	//backオブジェクト表示可否
	if (page_idx == 1) {
		document.getElementById("back_obj").style.display = "none";
	}
	else {
		document.getElementById("back_obj").style.display = "block";
	}
	
	//nextオブジェクト表示可否
	if (page_idx == ary_ofo.length) {
		document.getElementById("next_obj").style.display = "none";
	}
	else {
		document.getElementById("next_obj").style.display = "block";
	}
	
	//表示位置を調整
	setpositionOverFrame();
}

function nextScreenShot() {
	if (now_idx < ary_ofo.length) {
		now_idx++;
		setScreenShot(now_idx - 1);
	}
	
	setPageCounter(now_idx);
}

function backScreenShot() {
	if (now_idx > 1) {
		now_idx--;
		setScreenShot(now_idx - 1);
	}
	
	setPageCounter(now_idx);
}