window.onload = function(){
	IE = IECheck();
	NES = NESCheck();
}



//ターゲット画像のID
var tgID;


function start(id){
	
	if(lock){
		
		lock = false;
		
		tgID++;
		
		vh = true;
		
		//背景（黒のアルファ）
		if(IE || NES){
			var st = document.documentElement.scrollTop;
			sp = 0.2;
		}else{
			var st = document.body.scrollTop;
			sp = 0.05;
		}
		var b = makeElement("div","bg");
		
		document.body.appendChild(b);
		
	
		//フレーム
		var frs = "opacity:0;";
		var fr = makeElement("div","fr"+tgID,"frame",frs);
		
		//画像
		var imgs = makeElement("img","imgb"+tgID,"bigImg");
		imgs.setAttribute("src",$(id).src);
		
		
		//closeボタン
		var box = makeElement("div","","box");
		box.appendChild(makeText("close"));
		var cls = "margin-left:3px;";
		var cl = makeElement("input","","",cls);
		cl.setAttribute("type","image");
		cl.setAttribute("src","resorce/close.jpg");
		if(IE){
			cl.setAttribute("onclick",new Function("closing();"));
		}else{
			cl.setAttribute("onclick","closing();");
		}
		box.appendChild(cl);
		
		fr.appendChild(imgs);
		fr.appendChild(box);
		document.body.appendChild(fr);
		
		if(IE){
			$("bg").style.backgroundColor = "#000000";
			$("bg").style.filter = "alpha(opacity=0)";
			$("fr"+tgID).style.filter = "alpha(opacity=0)";
		}else if(NES){
			$("bg").style.backgroundColor = "#000000";
			$("bg").style.opacity = "0";
		}
		imgPoint();
		
		setID = setInterval(alpha,10);
		
	}
	
}

//画像と背景のアルファ値割合
var count = 0;

//画像と背景のアルファ値増減値
var imgS = 0.1;
var bgS = 0.08;


//出すか消すか（trueで出す）
var vh = true;



//一連動作のロック
var lock = true;


function alpha(){
	
	
	if(IE){
		$("fr"+tgID).style.filter = "alpha(opacity="+(imgS*count*100)+")";
		$("bg").style.filter = "alpha(opacity="+(bgS*count*100)+")";
	}else{
		$("fr"+tgID).style.opacity = imgS*count;
		if(NES){
			$("bg").style.opacity = bgS*count;
		}else{
			$("bg").style.backgroundColor = "rgba(0,0,0,"+(bgS*count)+")";
		}
	}
	
	
	if(vh){
		count++;
		if(count == 11){
			clearInterval(setID);
			//alert("ok");
			
		}
	}else{
		count--;
		if(count == -1){
			document.body.removeChild($("fr"+tgID));
			document.body.removeChild($("bg"));
			clearInterval(setID);
			lock = true;
			count = 0;
			//alert("ok");
		}
	}
	
}



function imgPoint(){
	
	var h = document.body.offsetHeight;
		
	if(IE || NES){
		var w = document.documentElement.clientWidth;
		var wh = document.documentElement.clientHeight;
		var st = document.documentElement.scrollTop;
	}else{
		var w = window.innerWidth;
		var wh = window.innerHeight;
		var st = document.body.scrollTop;
	}
	
	$("bg").style.width = w+"px";
	$("bg").style.height = (h+200)+"px";
	
	
	var fr = $("fr"+tgID);
	if(fr.offsetWidth > w){
		fr.style.left = "0px";
	}else{
		fr.style.left = (w/2-fr.offsetWidth/2)+"px";
	}
	
	
	if(fr.offsetHeight+100 > wh){
		fr.style.top = st+"px";
	}else{
		fr.style.top = (st+100)+"px";
	}

}



function closing(){
	
	if(setID){
		clearInterval(setID);
	}
	
	vh = false;
	
	setID = setInterval(alpha,10);
	
}