//Called from onClick event of gallery title/image
function showGallery(galleryName,parentDirectory) {
  document.getElementById(galleryName).style.display = 'block';
  document.getElementById('galleryLink'+galleryName).style.display = 'none';
  sendRequest('functions/galleryGeneratorController.php?dir='+parentDirectory+'&subDir='+galleryName,galleryName);
}

//Called from onClick event of gallery title/image
function showAndPopulateGallery(galleryName,html) {
  document.getElementById(galleryName).style.display = 'block';
  document.getElementById('galleryLink'+galleryName).style.display = 'none';
  document.getElementById('galleryLink'+galleryName).innerHTML = html;
}

//Called from onClick event of close gallery link
function closeGallery(galleryName) {
  document.getElementById(galleryName).style.display = 'none';
  document.getElementById('galleryLink'+galleryName).style.display = 'block';
}

// Set in popUpDiv and also used in closeDiv
var arrBackgroundElements = new Array();

// Show enlarged image and reduce opacity of background elements
//   @param current: The current image number.
//   @param last: The last image number in this group.
//   @param copyText: Copyright sub text or other image credit text.
//   @param subfolder: Location of image group e.g. 'gallery/group01/'
//   @param backgroundElements: Delimited string of backgroundElementIDs
function popUpDiv(current, last, copyText, subfolder, fileExtension, backgroundElements, imageDescription) {
  if (subfolder == null || subfolder == 'undefined') {
    subfolder = '';
  }
  
  document.getElementById("imgTag").innerHTML = "<img id='popupImg' src='"+subfolder+current+fileExtension+"' alt='"+subfolder+current+fileExtension+"' >";
  //document.getElementById("imgDesc").innerHTML = imageDescription;
  var closeHTML = "&nbsp;&nbsp;<a class='imageNav' href='javascript:closeDiv()'><span id='imageNavTextActive'>[Return to gallery]</span></a>";  
  if (current == '1' && current == last) {
    document.getElementById('imgNav').innerHTML = "&nbsp;<span id='imageNavTextInactive'>\<\< Prev</span>&nbsp;&nbsp;<span id='imageNavTextInactive'>Next \>\></span>"+closeHTML;
  } else if (current == '1') {
    document.getElementById('imgNav').innerHTML = "&nbsp;<span id='imageNavTextInactive'>\<\< Prev</span>&nbsp;&nbsp;<a class='imageNav' href='javascript:popUpDiv("+ (parseInt(current)+1) +"," + last + ",\"" + copyText + "\",\"" + subfolder + "\",\""+fileExtension+"\")'><span id='imageNavTextActive'>Next \>\></span></a>"+closeHTML;
  } else if (current == last) {
    document.getElementById('imgNav').innerHTML = "&nbsp;<a class='imageNav' href='javascript:popUpDiv("+ (parseInt(current)-1) +"," + last + ",\"" + copyText + "\",\"" + subfolder + "\",\""+fileExtension+"\")'><span id='imageNavTextActive'>\<\< Prev</span></a>&nbsp;&nbsp;<span id='imageNavTextInactive'>Next \>\></span>"+closeHTML;
  } else {
    document.getElementById('imgNav').innerHTML = "&nbsp;<a class='imageNav' href='javascript:popUpDiv("+ (parseInt(current)-1) +"," + last + ",\"" + copyText + "\",\"" + subfolder + "\",\""+fileExtension+"\")'><span id='imageNavTextActive'>\<\< Prev</span></a>&nbsp;&nbsp;<a class='imageNav' href='javascript:popUpDiv(" + (parseInt(current)+1) +"," + last + ",\"" + copyText + "\",\"" + subfolder + "\",\""+fileExtension+"\")'><span id='imageNavTextActive'>Next \>\></span></a>"+closeHTML;
  }
  if (copyText != null && copyText != 'undefined') {
    document.getElementById('imgCopyright').innerHTML = "<span id='subText'>"+copyText+"</span>";
  }


  if (backgroundElements != null && backgroundElements.length > 0 && backgroundElements.split().length > 0) {
    arrBackgroundElements = backgroundElements.split(',');
    for (i=0;i<arrBackgroundElements.length;i++) {
//      document.getElementById(arrBackgroundElements[i]).style.display = 'none';
      document.getElementById(arrBackgroundElements[i]).style.filter = "alpha(opacity=20)";
      document.getElementById(arrBackgroundElements[i]).style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
      document.getElementById(arrBackgroundElements[i]).style.opacity = 0.2;
    }
  }

  document.getElementById('popupBody').style.display = 'block';
//  document.getElementById('popupBody').style.filter = "alpha(opacity=100)";
//  document.getElementById('popupBody').style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
//  document.getElementById('popupBody').style.opacity = 1;

}


// Close the enlarged image and restore the backgroundElements to 100% opacity.
function closeDiv() { 
  document.getElementById('popupBody').style.display = 'none';
  if (arrBackgroundElements.length > 0) {
    for (i=0;i<arrBackgroundElements.length;i++) {
//      document.getElementById(arrBackgroundElements[i]).style.display = 'block';
      document.getElementById(arrBackgroundElements[i]).style.filter = "alpha(opacity=100)";
      document.getElementById(arrBackgroundElements[i]).style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
      document.getElementById(arrBackgroundElements[i]).style.opacity = 1;
    }
  }
}