function XmlHttp(){}

XmlHttp.create = function(){
	try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {}
	try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
	try { return new XMLHttpRequest(); } catch(e) {}
	return null;
}

function show(elem) {
	var src = elem.src;
	var top = calculateOffset(elem), url;
	var xmlHttp = XmlHttp.create();
	xmlHttp.onreadystatechange=function(){
		if(xmlHttp.readyState==4){
			if(xmlHttp.status==200){
				dataDiv = document.getElementById('BigPictureDisplayer');
				dataDiv.style.top = top - 395 + "px";
				dataDiv.innerHTML = xmlHttp.responseText;
				dataDiv.style.visibility = 'visible';
			}
		}
	}
	var txt = escape(document.getElementById('L_' + elem.id).innerHTML);
//	alert(txt);
	url = 'Scripts/display_large_image.asp?txt=' + txt + '&image=' + escape(src.substring(src.lastIndexOf('/') + 1, src.length));
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function hide(){
	dataDiv = document.getElementById('BigPictureDisplayer');
	dataDiv.style.visibility = 'hidden';
}

function calculateOffset(field) {
	var offset = 0;
	while(field) {
		offset += field["offsetTop"];
		field = field.offsetParent;
	}
	return offset;
}

window.onload = function(){
	var arrRealImages, x, objRoomDiv, objRoomImage;
	arrRealImages = document.getElementsByTagName("div");
	for(x=0;x<arrRealImages.length;x++){
		if(arrRealImages[x].className == 'PD'){
			// Found a roomImage div.
			objRoomDiv = arrRealImages[x];
			objRoomImage = objRoomDiv.firstChild;
			if(objRoomImage.src.substring(objRoomImage.src.length-3, objRoomImage.src.length) != 'gif'){
				objRoomImage.style.cursor = 'pointer';
				objRoomImage.onmouseover = function(){
					show(this);
				}
				objRoomImage.onmouseout = function(){
					hide();
				}
			}
		}
	}
}
