var xmlhttp_image=false;
var xmlhttp_image2=false;
var xmlhttp_thumb=false;
var xmlhttp_text=false;

if(window.ActiveXObject) {
     try {
     	xmlhttp_image = new ActiveXObject("MSXML2.XMLHTTP");
		xmlhttp_image2 = new ActiveXObject("MSXML2.XMLHTTP");
		xmlhttp_thumb = new ActiveXObject("MSXML2.XMLHTTP");
		xmlhttp_text = new ActiveXObject("MSXML2.XMLHTTP");
     } catch(e) {
        try {
			//alert ("Trying to open Microsoft.XMLHTTP");
          	xmlhttp_image = new ActiveXObject("Microsoft.XMLHTTP");
			xmlhttp_image2 = new ActiveXObject("Microsoft.XMLHTTP");
			xmlhttp_thumb = new ActiveXObject("Microsoft.XMLHTTP");
			xmlhttp_text = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e) {
          	xmlhttp_image = false;
			xmlhttp_image2 = false;
			xmlhttp_thumb = false;
			xmlhttp_text = false;
			alert ("Failed to create ActiveX object");
        }
	}
} else if(window.XMLHttpRequest) {
    try {
		xmlhttp_image = new XMLHttpRequest();
		xmlhttp_image2 = new XMLHttpRequest();
		xmlhttp_thumb = new XMLHttpRequest();
		xmlhttp_text = new XMLHttpRequest();
    } catch(e) {
		xmlhttp_image = false;
		xmlhttp_image2 = false;
		xmlhttp_thumb = false;
		xmlhttp_text = false;
		alert ("Tried to open none MS XMLHttpRequest");
    }
    
}


function loadimage_only(page) {
	//Load thumbnails
	document.getElementById('overlay_image2').innerHTML = 'Loading...';
	document.getElementById('overlay_image2').style.zIndex = 5;
	xmlhttp_image.open("GET", 'details/image.php?page=' + page);
	xmlhttp_image.onreadystatechange = function() {
      if (xmlhttp_image.readyState == 4 && xmlhttp_image.status == 200) {
        document.getElementById('overlay_image2').innerHTML = xmlhttp_image.responseText;
      }
    }
    xmlhttp_image.send(null);
	//Load thumbnails
	document.getElementById('thumbnails1').innerHTML = 'Loading...';
	document.getElementById('thumbnails1').style.zIndex = 5;
	xmlhttp_thumb.open("GET", 'details/thumbs.php?page=' + page);
	xmlhttp_thumb.onreadystatechange = function() {
      if (xmlhttp_thumb.readyState == 4 && xmlhttp_thumb.status == 200) {
        document.getElementById('thumbnails1').innerHTML = xmlhttp_thumb.responseText;
      }
    }
    xmlhttp_thumb.send(null);
}

function loadimage_text(page) {
	//Load main image
	document.getElementById('overlay_image1').innerHTML = 'Loading...';
	document.getElementById('overlay_image1').style.zIndex = 5;
	xmlhttp_image.open("GET", 'details/image.php?page=' + page);
	xmlhttp_image.onreadystatechange = function() {
      if (xmlhttp_image.readyState == 4 && xmlhttp_image.status == 200) {
        document.getElementById('overlay_image1').innerHTML = xmlhttp_image.responseText;
      }
    }
    xmlhttp_image.send(null);
	//Load Thumbnails
	document.getElementById('thumbnails1').innerHTML = 'Loading...';
	document.getElementById('thumbnails1').style.zIndex = 5;
	xmlhttp_thumb.open("GET", 'details/thumbs.php?page=' + page);
	xmlhttp_thumb.onreadystatechange = function() {
      if (xmlhttp_thumb.readyState == 4 && xmlhttp_thumb.status == 200) {
        document.getElementById('thumbnails1').innerHTML = xmlhttp_thumb.responseText;
      }
    }
    xmlhttp_thumb.send(null);
	// Load Text
	document.getElementById('overlay_text1').innerHTML = 'Loading...';
	document.getElementById('overlay_text1').style.zIndex = 5;
	xmlhttp_text.open("GET", 'details/text.php?page=' + page);
	xmlhttp_text.onreadystatechange = function() {
      if (xmlhttp_text.readyState == 4 && xmlhttp_text.status == 200) {
        document.getElementById('overlay_text1').innerHTML = xmlhttp_text.responseText;
      }
    }
    xmlhttp_text.send(null);
}

function updateimage(page, image_id) {
	//Update the main image from the thumb nails
	
	if (document.getElementById('overlay_image2').style.zIndex == 5) {
		element = 'overlay_image2';
	}else{
		element = 'overlay_image1';
	}
	document.getElementById(element).innerHTML = 'Loading...';
	xmlhttp_image.open("GET", 'details/image.php?page=' + page + '&number=' + image_id);
	xmlhttp_image.onreadystatechange = function() {
      if (xmlhttp_image.readyState == 4 && xmlhttp_image.status == 200) {
        document.getElementById(element).innerHTML = xmlhttp_image.responseText;
      }
    }
    xmlhttp_image.send(null);
}

function close_popup() {
	document.getElementById('overlay_image1').innerHTML = '';
	document.getElementById('overlay_image1').style.zIndex = 1;
	document.getElementById('overlay_image2').innerHTML = '';
	document.getElementById('overlay_image2').style.zIndex = 1;
	document.getElementById('thumbnails1').innerHTML = '';
	document.getElementById('thumbnails1').style.zIndex = 1;
	document.getElementById('overlay_text1').innerHTML = '';
	document.getElementById('overlay_text1').style.zIndex = 1;
}