function showGallery(link) {
	var arrSize = getClientWH();
	var element = document.getElementById('opaqueHideDiv');
	if (element != null) {
		element.style.width = parseInt(arrSize[0]) + 'px';
		element.style.height = parseInt(arrSize[1]) + 'px';    
		element.style.display = 'block';     
	}

	var galleryDiv = document.getElementById('galleryDiv');
	if (galleryDiv != null) {
		setScreenCenter(galleryDiv);  
		galleryDiv.style.display = 'block';
	}  
	
	var galleryIFrame = document.getElementById('galleryIFrame');
	if (galleryIFrame != null) {
	  link = '/index.php/layout/set/gallery/' + link;
	  top['galleryIFrame'].location.href = link;
	}
}

function closeGalleryDiv() {
	var element = document.getElementById('opaqueHideDiv');
	if (element != null) {
		element.style.display = 'none';     
	}

	var galleryDiv = document.getElementById('galleryDiv');
	if (galleryDiv != null) {
		galleryDiv.style.display = 'none';
	}  
}

function setScreenCenterGallery(divElement) {
  var top = 0;
  var left = 0;
  var w = parseInt(divElement.style.width);
  var h = parseInt(divElement.style.height);
  
  var arrSize = getClientWH();  
  var arrScrolling = getScrollingWH();
  
  if (arrSize[0] > w) {
    left = Math.floor((arrSize[0] - w) / 2) + arrScrolling[0];
  }
  if (arrSize[1] > h) {
    top = Math.floor((arrSize[1] - h) / 2) + arrScrolling[1];
  }

  divElement.style.left = (left) + 'px';
  divElement.style.top = '28px';  
}
