// JavaScript Document

function replaceImage(theImageURL,theDiv,theAlt,theLabel) {
	//
	var DivRef = document.getElementById(theDiv);
	var LabelRef = document.getElementById(theLabel);
	var newImageLink = theImageURL.replace("_s","");
	DivRef.innerHTML = '<img src="../images/Loading.gif" alt="loading" id="BigImg" style="margin-left: 210px; margin-top: 250px;" />';
	LabelRef.innerHTML = '&nbsp;';

// Setup a new image object
	myImage = new Image()
// Apply the new image to load into the image object and set an onload listener to it
	myImage.src = newImageLink
	myImage.onload = function() {
		//alert("Image loaded | WxH = "+myImage.width+"x"+myImage.height);
		// generate the image margins to align centrally dynamically
		var marginLeft = 520 - parseInt(myImage.width);
		var marginTop = 10;
		if (marginLeft != 0) {
			marginLeft = parseInt(marginLeft/2);
		}
		//alert("Margin-top: "+marginTop+"\nMargin-Left: "+marginLeft);
		DivRef.innerHTML = '<img src="'+newImageLink+'" alt="'+theAlt+'" id="BigImg" style="margin-left: '+marginLeft+'px; margin-top: '+marginTop+'px;" />';
		LabelRef.innerHTML = theAlt;
	} 
}