// JavaScript Document

VPZoomImages = new Array();

function VPLargeImage(e, id, session)
{
	var thumbWrapper = $("VPthumpwrapper" + id);
	var zoomImage = $("VPzoomImage");
	var sgthumb = $("VPsgthumb" + id);
	var imagezoomdiv = $("VPimagezoomdiv");
	var imagezoomwidth = imagezoomdiv.getWidth();
	var imagezoomlink = $("VPimagezoomlink");
	
	imagezoomlink.href = sgthumb.href;
	
	zoomImage.src = VPZoomImages[id].src;
	
	if(Prototype.Browser.IE)
	{
		var coordinates = thumbWrapper.positionedOffset();
		var xdiff = (imagezoomwidth - thumbWrapper.getWidth()) / 2;
		var ydiff = (imagezoomdiv.getHeight() - thumbWrapper.getHeight()) / 2;
		imagezoomdiv.setStyle("display: inline; position: absolute; left: " + (coordinates[0]-xdiff) + "px; top: " + (coordinates[1] - ydiff) + "px;");
	}
	else
	{
		if(Prototype.Browser.Opera)
		{
			var coordinates = thumbWrapper.viewportOffset();
			var scrollcoords = document.viewport.getScrollOffsets();
			var cumcoords = thumbWrapper.cumulativeScrollOffset();
			var xdiff = (imagezoomwidth - thumbWrapper.getWidth()) / 2;
			var ydiff = (imagezoomdiv.getHeight() - thumbWrapper.getHeight()) / 2;
			imagezoomdiv.setStyle("display: inline; position: absolute; left: " + (coordinates[0] - xdiff - cumcoords[0] + scrollcoords[0]) + "px; top: " + (coordinates[1] - ydiff - cumcoords[1] + scrollcoords[1]) + "px;");
		}
		else
		{
			var coordinates = thumbWrapper.viewportOffset();
			var scrollcoords = document.viewport.getScrollOffsets();
			var xdiff = (imagezoomwidth - thumbWrapper.getWidth()) / 2;
			var ydiff = (imagezoomdiv.getHeight() - thumbWrapper.getHeight()) / 2;
			imagezoomdiv.setStyle("display: inline; position: absolute; left: " + (coordinates[0] - xdiff + scrollcoords[0]) + "px; top: " + (coordinates[1] - ydiff + scrollcoords[1]) + "px;");
		}
	}
	
	imagezoomdiv.show();
}

function VPThumbSelect(id)
{
	/* Change current template and force an update */
	$('VPTemplate_id').value = id;
	VPChanged = true;
	VPSwapImage(VPCurrentFocus, VPCurrentType, $('VPSession').value, id, true);
}