function showDetails(itemRoot,itemName,theText)
{
	modViewer(itemRoot,itemName,theText,"photos");
}

function showDetails_rendering(itemRoot,itemName,theText)
{
	modViewer(itemRoot,itemName,theText,"renderings");
}

function hideDetails()
{
	vd = document.getElementById("viewport_details");
	vd.style.visibility="hidden";
}

function modViewer(itemRoot,itemName,theText,subFolder)
{
	vd = document.getElementById("viewport_details");
	vd.innerHTML = "<div id='viewport_loading'>Loading image...<br>Please Wait...</div>";
	vd.style.visibility = "visible";
	
	preLoad(itemRoot + subFolder + "/" + itemName + ".jpg",theText);
}

function preLoad(isrc,theText) {
	var oImg = new Image();
	oImg.src = isrc;
	if (oImg.complete) {
		//theText = cleanInput(theText);
		theText = theText.replace(/brmehere/g, "<br>");
		theText = theText.replace(/dblqthere/g, '"');
		theText = theText.replace(/sglqthere/g, "'");
		
		var vd = document.getElementById("viewport_details");
		
		var oImg = new Image();
		oImg.src = isrc;
		
		var w = oImg.width;
		var h = oImg.height;
		var adj = "";
		var modH = 0;
		
		w = (w * (450 / h));
		h = 450;
		
		if (w >= 400)
		{
			modH = 1;
			w = (w * (350 / h));
			h = 350;
			adj = "style='left:" + ((600 - w) / 2) + ";'";
			
			if (w > 600)
			{
				h = (h * (600 / w));
				w = 600;
			}
		}
		
		vd.innerHTML = "<a href='javascript:hideDetails()' id='plain_link'><img id='viewport_details_image' " + adj + " width=" + w + "height=" + h + " src='" + isrc +"'><div id='viewport_details_text'>"+theText+"</div></a>";
		
		var txtbit = document.getElementById("viewport_details_text").style;
		
		if (modH == 1)
		{
			txtbit.width = 585;
			txtbit.left = 0;
			txtbit.top = h;
			txtbit.height = (450 - h - 15);
		}
		else
		{
			txtbit.width = (585 - w);
			txtbit.left = w;
			txtbit.top = 0;
			txtbit.height = 450;
		}
		
		vd.style.visibility = "visible";
	}
	else
	{
		setTimeout("preLoad('" + isrc + "','" + theText + "')", 250);
	}
}

function cleanInput(inText)
{
	inText = theText.replace(/brmehere/g, "<br>");
	inText = theText.replace(/dblqthere/g, '"');
	inText = theText.replace(/sglqthere/g, "'");
	return inText;
}