function createXMLHTTPRequest() {
	var req = null;
	try {
		req = new XMLHttpRequest();
	}
	catch(ms) {
		try {
			req = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(nonms) {
			try {
				req = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(failed) {
				req = false;
			}
		}
	}
	return req;
}

var xml = createXMLHTTPRequest();
var image = null;

function loadPicture(_img) {
	regex = /\b(\S+\.(?:jpg|png|gif))\b/;
	if(!regex.test(_img)) {
		alert("Es koennen nur Bilder geladen werden!");
		return false;
	}
	image = _img;
	
	if(xml.readyState != 4)
		xml.abort();
	
	xml.open("GET","/img/fullsize/" + _img, true);
	xml.onreadystatechange = renderPicture;
	xml.send(null);
}

function renderPicture() {
	var frame = document.getElementById("pictureFrame");
	if(xml.readyState == 4) {
		frame.innerHTML = "<img src='/img/fullsize/" + image + "' alt='" + image + "' />\n";
		frame.style.width = "316px";
	}
	else {
		frame.innerHTML = "<img src='/img/spinner.gif' alt='' />\n";
		frame.style.width = "48px";
	}
}