// JavaScript Document
var httpObject;
var fname;
var docID;
var label;
var next_image;
var t;
var imageCount;

// Get the HTTP Object
function getHTTPObject(){
	if (window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP"); 
	}
	else if (window.XMLHttpRequest) {
		return new XMLHttpRequest(); 
	}
	else {
//		alert("Your browser does not support AJAX.");
		return null;
	}
}

function LoadWindow() {
	imageCount = 0;
	requestImage();
	window.onBlur = "clearTimeout(t)";
	window.onFocus = "window.setTimeout('requestImage()',2000)";
}

// Code to detect Internet Explorer
var is_ie/*@cc_on = {
  // quirksmode : (document.compatMode=="BackCompat"),
  version : parseFloat(navigator.appVersion.match(/MSIE (.+?);/)[1])
}@*/;

// Request data from server
function requestImage(){
//	alert("requestImage");
	if (imageCount > 99) {
		var w = 288;
		var h = 288;
		if (is_ie) {
			var imageWidth = document.documentElement.clientWidth - 400;
			var imageHeight = document.documentElement.clientHeight - 270;
		} else {
			var imageWidth = window.innerWidth - 400;
			var imageHeight = window.innerHeight - 270;
		}
		if (imageHeight < 300) {
			imageHeight = 300;
		}
		if (w > imageWidth) {
			h = h * (imageWidth / w);
			w = imageWidth;
		}
		if (h > imageHeight) {
			w = w * (imageHeight / h);
			h = imageHeight;
		}
		var vs = (imageHeight - h) / 2;
		var hs = (imageWidth - w) / 2;
		document.getElementById('photo').innerHTML = '<img id="photoImg" src="../nwhs.logo.1.jpg" align="middle" title="Click here to see more pictures" width=' + w + ' height=' + h + ' vspace=' + vs + ' hspace=' + hs + ' border="3" style="border-color:#000000" onclick="LoadWindow()">' +
				'<p style="font-size:12px; color:#999999; border-top-width:0">Click logo to see more pictures</p>';
	} else {
		httpObject = getHTTPObject();
		if (httpObject != null) {
			if (is_ie) {
				var url = "/archivesdb/random_image.php?time=" + new Date().getTime();
				httpObject.open("GET", url, true);
				httpObject.onreadystatechange = downloadImage;
				httpObject.send(null);
			}
			else {
				httpObject.open("GET", "/archivesdb/random_image.php", true);
				httpObject.onreadystatechange = downloadImage;
				httpObject.send(null);
			}
		}
	//	else alert("No object at requestImage");
		t = window.setTimeout('requestImage()',8000);
	}
}

// Refresh the page with data returned from the server
function downloadImage(){
	if(httpObject.readyState == 4){
		var xmlReply = httpObject.responseXML;
//		alert("reply");
		try {
			fname = xmlReply.getElementsByTagName("filename")[0].childNodes[0].nodeValue;
		}
		catch(err) {
			return;
		}
		if (fname.length > 0) {
			try {
				w = xmlReply.getElementsByTagName("width")[0].childNodes[0].nodeValue;
				h = xmlReply.getElementsByTagName("height")[0].childNodes[0].nodeValue;
			}
			catch(err) {
				return;
			}
			if (is_ie) {
				var imageWidth = document.documentElement.clientWidth - 400;
				var imageHeight = document.documentElement.clientHeight - 270;
			} else {
				var imageWidth = window.innerWidth - 400;
				var imageHeight = window.innerHeight - 270;
			}
			if (imageHeight < 300) {
				imageHeight = 300;
			}
			if (w > imageWidth) {
				h = h * (imageWidth / w);
				w = imageWidth;
			}
			if (h > imageHeight) {
				w = w * (imageHeight / h);
				h = imageHeight;
			}
			var vs = (imageHeight - h) / 2;
			var hs = (imageWidth - w) / 2;
	//		var vs = 0;
	//		var hs = 0;
			try {
				docId = xmlReply.getElementsByTagName("docId")[0].childNodes[0].nodeValue;
				label = xmlReply.getElementsByTagName("label")[0].childNodes[0].nodeValue;
				document.getElementById('photo').innerHTML = '<img id="photoImg" src="' + fname + '" align="middle" width=' + w + ' height=' + h + ' vspace=' + vs + ' hspace=' + hs + ' border="3" style="border-color:#000000" onMouseDown="closeImage()>' +
					'<p class="style2"><a href="/archivesdb/detail.php?ID=' + docId + '" title="Click for more info">' + label + '</a></p>';
			}
			catch(err) {
				document.getElementById('photo').innerHTML = '<img id="photoImg" src="' + fname + '" align="middle" width=' + w + ' height=' + h + ' vspace=' + vs + ' hspace=' + hs + ' border="3" style="border-color:#000000" onMouseDown="closeImage()>';
			}
			imageCount = imageCount + 1;
		}
	}
}

function closeImage() {
	location.href = "/archivesdb/detail.php?ID=" + docId;
	var photoImg = document.getElementById("photoImg");
	photoImg.src = "";
//	photoImg.src="../nwhs.logo.1.jpg";
}