var bgElements = new Array();
bgElements[0] = "header";
bgElements[1] = "nav";
bgElements[2] = "pagecontentouter";
bgElements[3] = "footer";

/**
 * current           - Current Image ID 
 * last              - Last Image ID 
 * cType             - Copyright text 
 * subfolder         - Sub directory path 
 * captionsArray     - Array of captions, must be same size as total No of images in gallery
 * popUpFunctionName - Name of calling function for dynamic links 
 */
function popUpDiv(current, last, cType, subfolder, captionsArray, popUpFunctionName) {
  
  if (subfolder == null || subfolder == 'undefined') {
    subfolder = '';
  }
  document.getElementById("imgTag").innerHTML = "<img id='popupImg' src='images/"+subfolder+current+".jpg' alt='"+current+".jpg' >";
  var imgNavDivider = "";
  var closeHTML = "&nbsp;&nbsp;"+imgNavDivider+"&nbsp;&nbsp;<a class='imageLink' href='javascript:closeDiv()'>Close</a>";  
  var roundcorners = "<div class='white' id='topleftcorner1'><span></span></div><div class='white' id='topleftcorner2'><span></span></div><div class='white' id='topleftcorner3'><span></span></div><div class='white' id='topleftcorner4'><span></span></div><div class='white' id='toprightcorner1'><span></span></div><div class='white' id='toprightcorner2'><span></span></div><div class='white' id='toprightcorner3'><span></span></div><div class='white' id='toprightcorner4'><span></span></div><div class='white' id='bottomleftcorner1'><span></span></div><div class='white' id='bottomleftcorner2'><span></span></div><div class='white' id='bottomleftcorner3'><span></span></div><div class='white' id='bottomleftcorner4'><span></span></div><div class='white' id='bottomrightcorner1'><span></span></div><div class='white' id='bottomrightcorner2'><span></span></div><div class='white' id='bottomrightcorner3'><span></span></div><div class='white' id='bottomrightcorner4'><span></span></div>";
  var imgNavHTML = "";
  if (current == '1' && current == last) {
    imgNavHTML = roundcorners+"<span class='inactiveLink'>\<\< Prev</span>&nbsp;&nbsp;"+imgNavDivider+"&nbsp;&nbsp;<span class='inactiveLink'>Next \>\></span>"+closeHTML;
  } else if (current == '1') {
    imgNavHTML = roundcorners+"<span class='inactiveLink'>\<\< Prev</span>&nbsp;&nbsp;"+imgNavDivider+"&nbsp;&nbsp;<a class='imageLink' href='javascript:"+popUpFunctionName+"("+ (parseInt(current)+1) +"," + last + ",\"" + cType + "\",\"" + subfolder + "\")'>Next \>\></a>"+closeHTML;
  } else if (current == last) {
    imgNavHTML = roundcorners+"<a class='imageLink' href='javascript:"+popUpFunctionName+"("+ (parseInt(current)-1) +"," + last + ",\"" + cType + "\",\"" + subfolder + "\")'>\<\< Prev</a>&nbsp;&nbsp;"+imgNavDivider+"&nbsp;&nbsp;<span class='inactiveLink'>Next \>\></span>"+closeHTML;
  } else {
    imgNavHTML = roundcorners+"<a class='imageLink' href='javascript:"+popUpFunctionName+"("+ (parseInt(current)-1) +"," + last + ",\"" + cType + "\",\"" + subfolder + "\")'>\<\< Prev</a>&nbsp;&nbsp;"+imgNavDivider+"&nbsp;&nbsp;<a class='imageLink' href='javascript:"+popUpFunctionName+"(" + (parseInt(current)+1) +"," + last + ",\"" + cType + "\",\"" + subfolder + "\")'>Next \>\></a>"+closeHTML;
  }
  document.getElementById('imgNav').innerHTML = imgNavHTML;
  if (cType == null || cType == 'undefined') {
    document.getElementById('imgCopyright').innerHTML = "<span id='subText'>&copy; Mining Villages 2009</span>";
  } else {
    document.getElementById('imgCopyright').innerHTML = "<span id='subText'>"+cType+"</span>";
  }
  
  if (captionsArray != null || captionsArray != 'undefined') {
    document.getElementById('imgCaption').innerHTML = "<span class='galleryCaptionPopUp'>"+captionsArray[--current]+"</span>";
  }

  document.getElementById('popupBody').style.display = 'block';	

  for (i=0;i<bgElements.length;i++) {
    document.getElementById(bgElements[i]).style.filter = "alpha(opacity=20)";
    document.getElementById(bgElements[i]).style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
    document.getElementById(bgElements[i]).style.opacity = 0.2;
  }
  
}

function setPopUpBodyWidth(selwidth) {
  document.getElementById('popupBody').style.width=selwidth;
}

function closeDiv() { 
  document.getElementById('popupBody').style.display = 'none';

  for (i=0;i<bgElements.length;i++) {
    document.getElementById(bgElements[i]).style.filter = "alpha(opacity=100)";
    document.getElementById(bgElements[i]).style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    document.getElementById(bgElements[i]).style.opacity = 1;
  }

}