var enlargeImageHtml = '';

function showEnlargedImages(whichActive) {
	enlargeImageHtml = '<div id="enlargeImage">' +
	'<div class="lightbox-canvasClose"><img src="/common/images/btn-closeLightbox.gif" width="9" height="9" alt="Close" border="0" onClick="killLightbox();" /></div>' +
	'<img src="/common/images/' + enlargedImages[whichActive] + '-enlarge.jpg" width="525" height="525" border="0" class="enlargedImage" />' +
	'<div class="enlargePagination">';
	if(whichActive != 0) { 
		enlargeImageHtml += '<span><a href="javascript:void(0);" onclick="showEnlargedImages(\'';
		enlargeImageHtml += whichActive - 1;		
		enlargeImageHtml += '\')"><img src="/common/images/btn-previousEnlargedImage.gif" width="7" height="8" alt="Previous Image" border="0" /></a></span>'; }
	for(i=0; i<enlargedImages.length; i++) {
		enlargeImageHtml += '<span><a href="javascript:void(0);" onclick="showEnlargedImages(\'' + i + '\');"';
		if (i == whichActive) { enlargeImageHtml += ' style="font-weight:bold; color:#444;"'; } 
		enlargeImageHtml += '>';
		enlargeImageHtml +=  (i + 1) + '</a></span>';
	}
	if(whichActive < (enlargedImages.length - 1)) { 
		enlargeImageHtml += '<span><a href="javascript:void(0);" onclick="showEnlargedImages(\'';
		enlargeImageHtml += eval(whichActive) + 1;
		enlargeImageHtml += '\')"><img src="/common/images/btn-nextEnlargedImage.gif" width="7" height="8" alt="Next Image" border="0" /></a></span>'; 
	} else {
		enlargeImageHtml += '<span><img src="/common/images/spacer.gif" width="7" height="8" alt="" border="0" /></span>'; 
	}
	enlargeImageHtml += '</div></div>';
	
	
	if($('#lightbox').css("display") != "block") {
		createLightbox();
	}
	populateEnlarge();
	ieWidthFix();
}