function GetXmlHttpObject() {
	var xmlHttp=null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	} catch (e) {
		//Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}


function getImage(id) {
	var xmlHttp = GetXmlHttpObject();
	if (xmlHttp == null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	
	var url = "ajax/getImage.php";
	url = url + "?id=" + id;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = function() { stateChangedGetImage(xmlHttp) ;};
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
}

function stateChangedGetImage(xmlHttp) { 
	if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
		document.getElementById("imagecontainer").innerHTML = xmlHttp.responseText;
	} else {
		document.getElementById("imagecontainer").innerHTML = "<img src=\"img/ajax-loader_balls.gif\" alt=\"Loading...\" />";
	}
}

function getImageDetails(id) {
	var xmlHttp = GetXmlHttpObject();
	if (xmlHttp == null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	showOverlay();
	
	var url = "ajax/getImageDetails.php";
	url = url + "?id=" + id;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = function() { stateChangedGetImageDetails(xmlHttp) ;};
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
}

function stateChangedGetImageDetails(xmlHttp) { 
	if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
		document.getElementById("overlayBox").innerHTML = xmlHttp.responseText;
	} else {
		document.getElementById("overlayBox").innerHTML = "<img src=\"img/ajax-loader_balls.gif\" alt=\"Loading...\" />";
	}
}

function showOverlay() {
	document.getElementById("overlay").style.visibility = "visible";
	document.getElementById("overlayBox").style.visibility = "visible";
}

function hideOverlay() {
	document.getElementById("overlay").style.visibility = "hidden";
	document.getElementById("overlayBox").style.visibility = "hidden";
}