// Image Viewer JavaScript Document

function showImageViewer(wImage, hImage, arrayIndex) {
//	alert(window.location.href);
	var scrollT = (document.documentElement.scrollTop || document.body.scrollTop);
	var wImageContainer = wImage + 20;
	var hImageContainer = hImage + 60;

	var documentBody = document.getElementsByTagName('body')[0];
	documentBody.style.overflow = 'hidden';

	var divBackgroundImage = document.createElement('div');
	divBackgroundImage.id = 'divBackgroundImage';
	divBackgroundImage.style.height = '100%';

	documentBody.appendChild(divBackgroundImage);
	if(divBackgroundImage.clientHeight < documentBody.clientHeight)	divBackgroundImage.style.height = documentBody.clientHeight + 'px';

	var divImageViewer = document.createElement('div');
	divImageViewer.id = 'divImageViewer';
	divImageViewer.style.marginLeft		= (-(wImageContainer / 2)) + 'px';
	divImageViewer.style.marginTop		= (-(hImageContainer / 2) + scrollT) + 'px';
	divImageViewer.style.width			= wImageContainer + 'px';
	divImageViewer.style.height			= hImageContainer + 'px';

	var divImageContainer = document.createElement('div');
	divImageContainer.id = 'divImageContainer';
	divImageContainer.style.height = hImage + 'px';
	divImageContainer.style.backgroundImage = 'url(' + imageViewerRoot + 'img/wait.gif)';

	var imgTag = document.createElement('img');
	imgTag.id = 'imgTag';
	imgTag.src = imageViewerArray[arrayIndex];
	divImageContainer.appendChild(imgTag);

	divImageViewer.appendChild(divImageContainer);

	for (var n = 0; n < imageViewerArray.length; n ++)	if (imageViewerArray[n] == imageViewerArray[arrayIndex])	break;
	var buttonsHTML = '<table style="width:100%;"><tr><td style="width:20%;">';
	buttonsHTML += '<span id="imageInfo">' + (n + 1) + '&nbsp;|&nbsp;' + imageViewerArray.length + '</span></td>';
	buttonsHTML += '<td style="width:60%; text-align:center;"><img src="' + imageViewerRoot + 'img/prev.jpg" onclick="changeImage(-1);" style="cursor:pointer;" title="Prev" />&nbsp;';
	buttonsHTML += '<img src="' + imageViewerRoot + 'img/next.jpg" onclick="changeImage(1);" style="cursor:pointer;" title="Next" /></td>';
	buttonsHTML += '<td style="width:20%; text-align:right;"><img src="' + imageViewerRoot + 'img/close.jpg" onclick="closeImageViewer();" style="cursor:pointer; margin-right:10px;" title="Close" /></td></tr></table>';

	var divImageViewerButtons = document.createElement('div');
	divImageViewerButtons.id = 'divImageViewerButtons';
	divImageViewerButtons.innerHTML = buttonsHTML;
	divImageViewer.appendChild(divImageViewerButtons);

	documentBody.appendChild(divImageViewer);
}

function closeImageViewer() {
	var documentBody = document.getElementsByTagName('body')[0];
	documentBody.style.overflow = 'auto';

	var divBackgroundImage = document.getElementById('divBackgroundImage');
	documentBody.removeChild(divBackgroundImage);

	var divImageViewer = document.getElementById('divImageViewer');
	documentBody.removeChild(divImageViewer);
}

function changeImage(i) {
	var divImageContainer = document.getElementById('divImageContainer');
	var imgTag = document.getElementById('imgTag');
	var divImageViewerButtons = document.getElementById('divImageViewerButtons');

	for (var n = 0; n < imageViewerArray.length; n ++) {
		if (imageViewerArray[n].substr(imageViewerArray[n].lastIndexOf("/") + 1) == imgTag.src.substr(imgTag.src.lastIndexOf("/") + 1))	break;
	}

	divImageContainer.removeChild(imgTag);
	imgTag = document.createElement('img');
	imgTag.id = 'imgTag';

	var newIndex = n + i;
	if (newIndex < 0) newIndex = imageViewerArray.length - 1;
	if (newIndex > imageViewerArray.length - 1)	newIndex = 0;
	imgTag.src = imageViewerArray[newIndex];

	document.getElementById('imageInfo').innerHTML = (newIndex + 1) + "&nbsp;|&nbsp;" + imageViewerArray.length;
	divImageContainer.appendChild(imgTag);
}