var xhr = false;

function makeXhr(){
	if (window.XMLHttpRequest){
		xhr = new XMLHttpRequest();
	} else {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP")
			}
			catch (e) {
				try {
					xhr = new ActiveXObject("Microsoft.XMLHTTP")
				
				}			
			catch (e) {}
			}
		}
	}	
}

function getImg(product,key) {
	makeXhr();
	dest = "bigimage";
	dest2 = "imgdescription";
	dest3 = "thumbs";
	
	document.getElementById(dest).innerHTML = "<div id='loader'><img src='/img/navi/loader.gif' width='16px' height='16px' alt='Loading' /></div>";
	document.getElementById(dest2).innerHTML = "<img src='/img/navi/loader.gif' width='16px' height='16px' alt='Loading' />";
	
	var url = "/php/getimage.php?id="+product+"&k="+key+"";
	if (xhr) {
		xhr.onreadystatechange = showStuff;
		xhr.open("GET", url, true);
		xhr.send(null);
	} else {
		document.getElementByID(dest).innerHtml = "Sorry, but I couldnt create an XMLHttpRequest";
	}
}



function showStuff() {
	if (xhr.readyState == 4) {
        if (xhr.status == 200) {
        		var markup_1 =  (xhr.responseXML) ? xhr.responseXML.getElementsByTagName("markup_1")[0].childNodes[0].nodeValue : "Error";
    	    	var markup_2 = (xhr.responseXML) ? xhr.responseXML.getElementsByTagName("markup_2")[0].childNodes[0].nodeValue : "Error";
    	    	var markup_3 = (xhr.responseXML) ? xhr.responseXML.getElementsByTagName("markup_3")[0].childNodes[0].nodeValue : "Error";
        } else {
            var bigimage_m = "There was a problem with the request " + xhr.status;
        }
        document.getElementById(dest).innerHTML = markup_1;
        document.getElementById(dest2).innerHTML = markup_2;
        document.getElementById(dest3).innerHTML = markup_3;
    }
}