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);
}