// JavaScript Document

//XMLHttpRequestオブジェクト生成
function createHttpRequest(){

	//Win ie用
	if(window.ActiveXObject){
		try{
			//MSXML2以降用
			return new ActiveXObject("Msxml2.XMLHTTP")
		}catch (e){
			try {
			//旧MSXML用
				return new ActiveXObject("Microsoft.XMLHTTP")
			}catch (e2){
				return null
			}
		}

	}else if(window.XMLHttpRequest){
		return new XMLHttpRequest()
	} else {
		return null
	}
}


function OPENSESAME(no,ev)
{
    var httpoj = createHttpRequest()
	
	var fileName = 'sesame' + no + '.html';
	
	var mousex = ev.clientX;
	
	var mousey = ev.clientY;
		
    httpoj.open( 'GET' , fileName , 'TRUE')

    httpoj.onreadystatechange = function()
    { 

      if (httpoj.readyState==4)
      { 
        on_loaded(httpoj,mousex,mousey)
      }
    }

    httpoj.send("")
}

function on_loaded(oj,mousex,mousey)
{
	res  = oj.responseText

	//alert(res)
	document.getElementById("SesameInside").innerHTML = res;
	document.getElementById("SesameBox").style.display = "block";
	
	Scy = document.body.scrollTop || document.documentElement.scrollTop;
	Scx = document.body.scrollLeft || document.documentElement.scrollLeft;
	
	document.getElementById('SesameBox').style.left = 10 + mousex + Scx + "px";
	document.getElementById('SesameBox').style.top = (350 + Scy) + "px";
	
	
	document.getElementById("Plate").style.display = "block";

}

function CloseSesame()
{
	document.getElementById("SesameBox").style.display = "none";
	
	document.getElementById("Plate").style.display = "none";
	
}

function OPENABOUT(ev)
{
	//alert("");
    var httpoj = createHttpRequest()
	
	var fileName = '/about.html';
	
	var mousex = ev.clientX;
	
	var mousey = ev.clientY;
	
    httpoj.open( 'GET' , fileName , 'TRUE')

    httpoj.onreadystatechange = function()
    { 

      if (httpoj.readyState==4)
      { 
        on_loaded2(httpoj,mousex,mousey)
      }
    }

    httpoj.send("")
}

function on_loaded2(oj,mousex,mousey)
{
	res  = oj.responseText

	//alert(res)
	document.getElementById("SesameInside").innerHTML = res;
	document.getElementById("SesameBox").style.display = "block";
	
	Scy = document.body.scrollTop || document.documentElement.scrollTop;
	Scx = document.body.scrollLeft || document.documentElement.scrollLeft;
	
	document.getElementById('SesameBox').style.left = mousex - 600 + "px";
	document.getElementById('SesameBox').style.top = 200 + "px";
	
	
	document.getElementById("Plate").style.display = "block";

}

function CloseAbout()
{
	document.getElementById("SesameBox").style.display = "none";
	
	document.getElementById("Plate").style.display = "none";
	
}