function ArchivePopup(event,LoadFile,Query,Width,Height) {
	// get of curol and window size
	if(document.all) {
		EventX = eval(Event.pointerX(window.event));
		EventY = eval(Event.pointerY(window.event));
		MaxX = eval(document.documentElement.clientWidth);
		MaxY = eval(document.documentElement.clientHeight);
	}
	else if(document.getElementById) {
		EventX = eval(Event.pointerX(event));
		EventY = eval(Event.pointerY(event));
		MaxX = eval(innerWidth);
		MaxY = eval(innerHeight);
	}
	ClientY = eval(event.clientY);
	// fix DMI position
	if(EventX <= MaxX / 2) {
		x = EventX - 30;
	}
	else {
		x = EventX - Width + 30;
	}
	if(MaxY <= ClientY + eval(Height)) {
		y = (EventY + MaxY - ClientY) - Height - 10;
	}
	else if(ClientY <= 50) {
		y = EventY - 10;
	}
	else {
		y = EventY - 50;
	}
	ViewNode = "popup";
	$(ViewNode).innerHTML = '<div id="archive_all"><h3 style="line-height:30px">　読み込み中</h3><p style="text-align:center;padding-top:50px;height:180px;"><img src="/images/loading.gif" /></p></div>';
	$("shim").style.left = x + "px";
	$("shim").style.top = y + "px";
	$("shim").style.width = Width + "px";
	$("shim").style.display = "block";
	$("shim").style.visibility = "visible";
	$("shim").style.height = Height + "px";
	$(ViewNode).style.height = Height + "px";
	$("archive_all").style.height = Height + "px";
	$(ViewNode).style.left = x + "px";
	$(ViewNode).style.top = y + "px";
	$(ViewNode).style.width = Width + "px";
	$(ViewNode).style.display = "block";
	$(ViewNode).style.visibility = "visible";
	LoadPath = '/loadcontents/' + LoadFile;
	Parameter = 'id=' + Query;
	RequestContent(LoadPath,'post',Parameter);
	Event.observe($(ViewNode),"mouseover",VisibileContent,false);
	Event.observe($(ViewNode),"mouseout",HideContent,false);
}
// Visible Popup
function VisibileContent() {
	$(ViewNode).style.visibility = "visible";
	$("shim").style.visibility = "visible";
}
// Hide Popup
function HideContent() {
	$(ViewNode).style.visibility = "hidden";
	$("shim").style.visibility = "hidden";
}