function fireMyPopup(url, containerid, popWidth, popHeight, type, title) {
	// Three different tests to determine their global values
	// Determine how much the visitor had scrolled
	var scrolledX, scrolledY;
	if (self.pageYOffset) {
		scrolledX = self.pageXOffset;
		scrolledY = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop) {
		scrolledX = document.documentElement.scrollLeft;
		scrolledY = document.documentElement.scrollTop;
	}
	else if (document.body) {
		scrolledX = document.body.scrollLeft;
		scrolledY = document.body.scrollTop;
	}


	// Determine the coordinates of the center of the page
	// 3 different browsers
	var centerX, centerY;
	if (self.innerHeight) {
		centerX = self.innerWidth;
		centerY = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight) {
		centerX = document.documentElement.clientWidth;
		centerY = document.documentElement.clientHeight;
	}
	else if (document.body) {
		centerX = document.body.clientWidth;
		centerY = document.body.clientHeight;
	}

	//calculate centering
	var leftOffset = scrolledX + (centerX - popWidth) / 2;
	var topOffset = scrolledY + (centerY - popHeight) / 2;
	
	document.getElementById("mypopup").style.top = topOffset + "px";
	document.getElementById("mypopup").style.left = leftOffset + "px";
	document.getElementById("mypopup").style.display = "block";

	// Determine to open an iframe
	if (type != null) {
		if (type == "feedback") {
			openFeedback(containerid, url, title);
		}
		else if (type == "openMovie") {
			openMovie(containerid, url, title, popWidth, popHeight);
			popHeight = parseInt(popHeight) + 25;
		}
		document.getElementById("mypopup").style.width = popWidth + "px";
		document.getElementById("mypopup").style.height = popHeight + "px";
	}
	else {
		//load outside link into DIV
		var page_request = false;
		if (window.XMLHttpRequest) // if Mozilla, Safari etc
		page_request = new XMLHttpRequest();
		else if (window.ActiveXObject) { // if IE
				try {
				page_request = new ActiveXObject("Msxml2.XMLHTTP");
				} 
			catch (e){
				try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP");
				}
			catch (e){}
			}
		}
		else
		return false
		page_request.onreadystatechange = function() {
			loadpage(page_request, containerid);
		}
		page_request.open("GET", url, true);
		page_request.send(null);
		document.getElementById("mypopup").style.top = topOffset + "px";
		document.getElementById("mypopup").style.left = leftOffset + "px";
		document.getElementById("mypopup").style.width = popWidth + "px";
		document.getElementById("mypopup").style.height = popHeight + "px";
	}
	
}

function myPopupRelocate() {
	document.getElementById("mypopup").style.display = "block";
	document.body.onscroll = fireMyPopup;
	window.onscroll = fireMyPopup;
}

function openFeedback(id, address, titleName) {
	var param = "";
	var div = document.getElementById(id);
	div.style.display = 'block';
	if (titleName != null) {
		param = "?title=" + titleName;
	}
	else { }
	div.innerHTML = "<iframe name='feedbackPopUp' frameborder='0' width='530' height='570' src='" + address + param + "'></iframe><br /><center><a href='javascript:myPopupClose()'><strong>ウィンドウを閉じる</strong></a></center>";
}

function openMovie(id, address, titleName, mWidth, mHeight) {
	var param = "";
	var div = document.getElementById(id);
	div.style.display = 'block';
	if (titleName != null) {
		param = "?title=" + titleName;
	}
	div.innerHTML = "<iframe name='feedbackPopUp' frameborder='0' width='" + mWidth + "' height='" + mHeight + "' src='" + address + param + "'></iframe><br /><center><a href='javascript:myPopupClose()'><strong>ウィンドウを閉じる</strong></a></center>";
}

function loadpage(page_request, containerid){
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
	document.getElementById(containerid).innerHTML=page_request.responseText
}

function myPopupClose() {
	document.getElementById("mypopup").innerHTML= "";
	document.getElementById("mypopup").style.display = "none";
}