function blackwindow(movieDir,songDir){
	if(!document.getElementById("songlist")){
		return false;
	}
	//divを作成しidをつけ、body直下に設置//
	var element = document.createElement("div");
	element.id = "black";
	document.body.insertBefore(element,document.body.firstChild);
	element.style.display = "none";

	//フレームを含む高さの振り分け//
	if(document.all){
		theight = document.body.scrollHeight;
	}else{
		theight = document.documentElement.scrollHeight;
	}
	if(navigator.appVersion.indexOf("MSIE",0) != -1){
		nheight = document.body.clientHeight;
	}else if(navigator.userAgent.indexOf("Firefox",0) != -1){
		nheight = document.documentElement.clientHeight + window.scrollMaxY +"px";
	}else{
		nheight =  document.body.scrollHeight;
	}
	if(nheight > theight){
		fHeight = nheight;
	}else{
		fHeight = theight;
	}
	element.style.height = fHeight+"px";

	//divを作成しidをつけ、最初に作ったdivの直下(bodyから2つ目)に設置//
	var iframe = document.createElement("div");
	iframe.id= "movieWindow";
	document.body.insertBefore(iframe,document.body.firstChild.nextSibling);
	iframe.style.display = "none";
	fadeIn();

	var iframeData = '<iframe src="'+ movieDir +'/'+ songDir +'/movie.html" width="440px" height="310px" scrolling="no" frameborder="0" allowtransparency="true">この部分はインラインフレーム対応のブラウザで見てください。</iframe>';

	iframe.innerHTML = iframeData;
	//スクロールがでた際のifremeの表示の上余白設定//
	if(document.documentElement.scrollTop){
		newTop = document.documentElement.scrollTop;
	}else{
		newTop = document.body.scrollTop;
	}
	iframe.style.top = newTop + "px" ;

	//表示・非表示の実行//
	element.onclick = function(){
		fadeOut();
		iframe.firstChild.removeAttribute("src");
	}
	iframe.onclick = function(){
		fadeOut();
		iframe.firstChild.removeAttribute("src");
	}
}

function getwindowheight(){
	if(!document.getElementById("black")){
		return false;
	}
	var element = document.getElementById("black");

	if(document.all){
		theight = document.body.scrollHeight;
	}else{
		theight = document.documentElement.scrollHeight;
	}

	if(navigator.appVersion.indexOf("MSIE",0) != -1){
		nheight = document.body.clientHeight;
	}else if(navigator.userAgent.indexOf("Firefox",0) != -1){
		nheight = document.documentElement.clientHeight;
	}else{
		nheight =  document.body.scrollHeight;
	}
	if(nheight > theight){
		fHeight = nheight;
	}else{
		fHeight = theight;
	}
	element.style.height = fHeight+"px";
}

window.onresize = getwindowheight;

/*fade in*/
function fadeIn(){
	var speed = 10;
	var timer = 0;
	var element = document.getElementById("black");
	element.style.display = "inline";
	element.style.opacity = 0;

	for(i = 0; i <= 80; i++){
		setTimeout("changeOpac(" + i + ")",(timer * speed));
		timer++;
		setTimeout(function(){document.getElementById("movieWindow").style.display = "inline";}, 810);
	}
}

/*fade out*/
function fadeOut(){
	var speed = 10;
	var timer = 0;
	var element = document.getElementById("black");
	element.style.backgroundImage = "";
	document.getElementById("movieWindow").style.display = "none";

	for(i = 80; i >= 0; i--){
		setTimeout("changeOpac(" + i + ")",(timer * speed));
		timer++;
		setTimeout(function(){element.style.display = "none";}, 810);
	}
}

/*fade in/out common*/
function changeOpac(opacity){
	var object = document.getElementById("black").style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function changeOpac2(opacity){
	var object = parent.document.getElementById("black").style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

/*window close*/
function winClose(){
	var btnClose = document.getElementById("close").firstChild;
	btnClose.onclick = function(){
		if(parent.document.getElementById("black")){
			var speed = 10;
			var timer = 0;
			var object = parent.document.getElementById("black");
			parent.document.getElementById("movieWindow").style.display = "none";

			for(i = 80; i >= 0; i--){
				setTimeout("changeOpac2(" + i + ")",(timer * speed));
				timer++;
				setTimeout(function(){object.style.display = "none";}, 810);
			}
		}else{
		window.close();
		}
	}
}