/**
* Creates an information window above the overlay and positions it at the top of the viewable screen
* and resizes it according to the viewable area.  Tested in IE 6 & 7, Safari, Opera, Firefox
*
* DEV-DATE: 2007-10-12 JRM
**/
function getXY(elementName,elementWidth,elementHeight,imageID,imgSrc)
{
	var docHeight = 0;
	var X = 0, Y = 0;
	var docWidth = (elementWidth / 2);


	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant

		/** Get image size **/
		var imgH = document.getElementById(imageID).height;
		var imgW = document.getElementById(imageID).width;
		if(imgH == 0 || imgW == 0) {
			var newImg = new Image();
			newImg.src = imgSrc;
			var imgH = newImg.height;
			var imgW = newImg.width;
		}
		/** Get X and Y scroll position **/
		Y = window.pageYOffset;
		X = window.pageXOffset + (document.body.clientWidth / 2) - docWidth;

		/** Set the element size **/
		document.getElementById(elementName).style.height = parent.innerHeight - 50 + "px";
		document.getElementById(elementName).style.width = parent.innerHeight - 50 + "px";

		if(imgH >= (parent.innerHeight - 100) || imgW >= (parent.innerHeight - 100)) {
			/** Set the image size **/
			if(imgH >= imgW) {
				document.getElementById(imageID).style.height = parent.innerHeight - 105 + "px";

			} else {
				document.getElementById(imageID).style.width = parent.innerHeight - 105 + "px";
			}
		} else {
			document.getElementById(imageID).style.height = imgH;
			document.getElementById(imageID).style.width = imgW;
		}
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		Y = document.documentElement.scrollTop;
		X = document.documentElement.scrollLeft + (document.body.clientWidth / 2) - docWidth;
	} else if (document.all){
		//IE6 standards compliant mode

		/** Get image size **/
		var newImg = new Image();
		newImg.src = imgSrc;
		var imgH = newImg.height;
		var imgW = newImg.width;

		/** Get scroll position **/
		Y = document.body.scrollTop;
		X = document.body.scrollLeft + (document.body.clientWidth / 2) - docWidth;

		/** Set the element size **/
		document.getElementById(elementName).style.height = document.body.clientHeight - 100 + "px";
		document.getElementById(elementName).style.width = document.body.clientHeight - 100 + "px";
		if(imgH > 0 || imgW >0)
		{
			if(imgH >= (document.body.clientHeight - 100) || imgW >= (document.body.clientHeight - 100)) {

				/** Set the image size **/
				if(imgH >= imgW) {
					document.getElementById(imageID).style.height = document.body.clientHeight - 150 + "px";
				}
				else
				{
					document.getElementById(imageID).style.width = document.body.clientHeight - 150 + "px";
				}
			}
			else
			{
				document.getElementById(imageID).style.height = imgH;
				document.getElementById(imageID).style.width = imgW;
			}

		}
		else
		{
			
			new Request({
				method: 'post',
				url: "p_include/get_image_size.html",
				onComplete : function(response)
				{
					var json_array = JSON.decode(response);
					$(imageID).style.width=json_array[0];
					$(imageID).style.height=json_array[1];
				}
			}).send('img_src='+imgSrc);
		}
	}
	else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		Y = document.body.scrollTop;
		X = document.body.scrollLeft + (document.body.clientWidth / 2) - docWidth;
	}

	Y = Y + 10;

	/** turn on the element **/
	document.getElementById(elementName).style.display = 'block';

	/** Position the element **/
	document.getElementById(elementName).style.top = Y + 'px';
	document.getElementById(elementName).style.left = X + 'px';



}
/**
* Creates an overlay that is the width and height of the screen
*
* DEV-DATE: 2007-10-12 JRM
**/
function showOverlay(elementID) {
	document.getElementById(elementID).style.display='block';
	document.getElementById(elementID).style.height = document.body.scrollHeight + "px";
	document.getElementById(elementID).style.width = document.body.scrollWidth + "px";
}