// JavaScript Document

function showImage() {
	var theImage = document.getElementById('mainImg');
	theImage.setAttribute('src', pictures[picIndex]);
	theImage.setAttribute('width', widths[picIndex]);
	theImage.setAttribute('height', heights[picIndex]);
}

function refreshPage() {
  showImage();
	if (picIndex == 0) {
	  document.getElementById('btnPrev').style.display = "none";
	} else {
	  document.getElementById('btnPrev').style.display = "block";
	}
	if (picIndex+1 == pictures.length ) {
	  document.getElementById('btnNext').style.display = "none"; 
	} else {
	  document.getElementById('btnNext').style.display = "block"; 
	}	
	document.getElementById('caption').innerHTML = captions[picIndex];
  document.getElementById('pages').innerHTML = 'Page ' + (picIndex+1) + ' of ' + (pictures.length);
}

function goImage(index) {
  picIndex = index;
  refreshPage();
}

var AWin=null;

function OpenWindow(template,aWidth,aHeight)
{
  var winOptions = "menubar=0,location=0,toolbar=0,scrollbars=1,status=0,resizable=1,width=" + aWidth + ",height=" + aHeight + ",top=10,left=10";
  if (AWin && !AWin.closed)
  {
    AWin.close();
  }
  AWin=window.open(template,"",winOptions);
}