/*** 以下オーバーフレーム用 ***/
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 = "#FFCCFF"; //暗転色

function openOverFrameMovie(file_nm, mv_stage) {
	open_of = true;
	of_height = ini_of_height;
	
	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_area").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();

	setpositionOverFrame();
}

function closeOverFrameMovie() {
	document.getElementById("mv_area").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("mv_area").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";
	}
	*/
}