window.onload = init;

function init() {
	showPicInit();
}

function showPicInit() {
	var sec = document.getElementById("thumbs");
	var imgs = sec.getElementsByTagName("a");
	for (c=0; c<imgs.length; c++) {
		imgs[c].onclick = showPic;
	}
}

function showPic() {
	var id = this.getAttribute("id");
	document.getElementById("pics").innerHTML = '<div class="loading">LOADING...</div>';
	var dest = "dynamic.php?ajah=true&id="+id;
	ajah("show", dest);
	this.blur();
	return false;
}

function ajah(what, dest) {
	try {
		xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e) {
		return true;		// no ajax?
	}

	xmlhttp.onreadystatechange = function() {triggered(what)};
	xmlhttp.open("GET", dest, true);
	xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlhttp.setRequestHeader("Connection", "close");
	xmlhttp.send(null);
}

function triggered(what) {
	if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
		var windowText = xmlhttp.responseText;
		if (what == "show") {
			document.getElementById("pics").innerHTML = windowText;
		}
	}
}