function gE(e) {
	return document.getElementById(e);
}
function wH(e,h) {
	e.innerHTML=h;
}

function makeRequest(para, loadingFunc, doneFunc) {
	http_request = false;
	xmldoc = false;

	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		http_request = new XMLHttpRequest();

		if (http_request.overrideMimeType) {
			http_request.overrideMimeType("text/xml");
		}
	}
	else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
			xmldoc = new ActiveXObject("Msxml2.DOMDocument");
			alert (xmlDoc)
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
			}
		}
	}

	if (!http_request) {
		alert("無法建立 XMLHTTP 介面！");
		return false;
	}

	http_request.onreadystatechange = function() {
		if (http_request.readyState == 4) {
			if (http_request.status == 200) {
				eval(doneFunc+"(http_request.responseText)");
			} else {
				alert("連接伺服器時發生問題，請稍後再試。");
			}
		} else {
			eval(loadingFunc+"(http_request.responseText)");
		}
	}

	http_request.open('POST', 'showdetail.php', true);
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	http_request.send(para);
}

function getData(id) {
	postID=id;
	makeRequest("id="+id, "fetchLoading", "fetchDone");
	gE("viewBox-"+postID).style.display = "block";
	gE("open-"+postID).style.display = "none";
	gE("close-"+postID).style.display = "inline";
}

function fetchLoading() {
	wH(gE("viewBox-"+postID), "正在取得資料……");
}

function fetchDone(outcome) {
	wH(gE("viewBox-"+postID), outcome);
}

function closeView(id) {
	gE("viewBox-"+id).style.display = "none";
	gE("open-"+id).style.display = "inline";
	gE("close-"+id).style.display = "none";
}