function Popup(idHolder, idImage, idSpinner, url)
{
	var floater = document.getElementById(idHolder);
	var image = document.getElementById(idImage);
	var spinner = document.getElementById(idSpinner);
	var yScroll = 0;

	image.src = url;
	spinner.style.display = "none";
	image.style.display = "block";

	if ((window.navigator.appName.toLowerCase().indexOf('explorer') == -1))
	{
		yScroll = window.pageYOffset;
	}
	else
	{
		if (document.documentElement && document.documentElement.scrollTop)
		{
			yScroll = document.documentElement.scrollTop;
		}
		else
		{
			if (document.body)
			{
				yScroll = document.body.scrollTop;
			}
		}
	}

	floater.style.top = (20 + yScroll) + 'px';
	floater.style.right = 30 + 'px';
}
function onMouseOverZoom(btn)
{
	btn.src = "../images/zoomin_h.png";
}

function onMouseOutZoom(btn)
{
	btn.src = "../images/zoomin_n.png";
}
var objXMLHttp = GetXmlHttpObject();
var IntervalID = 0;

function getNext(id)
{
	showSpinner(id, "n");
}
function getPrev(id)
{
	showSpinner(id, "p");
}
function GetXmlHttpObject()
{
	var xmlHttp = null;
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
			xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
		}
		catch (e)
		{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}

function loadImage(url)
{
	var oImage = new Image();
	oImage.src = url;

	return oImage.src;
}
function showSpinner(id, direction)
{
	if (IntervalID == 0)
	{
		document.getElementById(id + "_RIV").style.display = "none";
		document.getElementById(id + "_RS").style.display = sBlock;
		IntervalID = setInterval("getImage('" + id + "', '" + direction + "')", 125);
	}
}
function hideSpinner(id)
{
	clearInterval(IntervalID);
	document.getElementById(id + "_RS").style.display = "none";
	document.getElementById(id + "_RIV").style.display = sBlock;
	IntervalID = 0;
}
function getImage(id, direction)
{
	clearInterval(IntervalID);
	objXMLHttp.open("GET", "getimage.aspx?d=" + direction + "&a=" + document.getElementById(id + "_IDA").value + "&i=" + document.getElementById(id + "_INX").value, false);
	objXMLHttp.send(null);
	if (objXMLHttp.responseText.length > 0)
	{
		var aResponse = objXMLHttp.responseText.split("|");

		var oImage = document.getElementById(id + "_IV");
		var oPopup = document.getElementById(id + "_IPU");
		oImage.src = loadImage(aResponse[0]);
		oImage.style.height = aResponse[4] + "px";
		oPopup.src = loadImage(aResponse[1]);
		oPopup.style.width = aResponse[2] + "px";
		oPopup.style.height = aResponse[3] + "px";
		document.getElementById(id + "_CIV").style.height = aResponse[4] + "px";
		document.getElementById(id + "_CS").style.height = aResponse[4] + "px";
		document.getElementById(id + "_CAP").innerHTML = aResponse[5];
		document.getElementById(id + "_INX").value = aResponse[6];
	}
	IntervalID = setInterval("hideSpinner('" + id + "')", 250);
}