var PhotoIndex;
var Gallery;
var PageGallery;
var arrPhotos;
var picture;


function OpenGallery(comPhotoIndex, comGallery) {

  PhotoIndex    = parseInt(comPhotoIndex);
  Gallery       = comGallery.toLowerCase().replace(/ /g, "_");
  PageGallery   = document.getElementById("gallery").value;
  arrPhotos     = PageGallery.split(";");

  var hiddenLayer           = document.getElementById("hiddenLayer");
  hiddenLayer.innerHTML     = "";
  hiddenLayer.innerHTML     = "<div id=\"transparentLayer\"></div><div id=\"preloadLayer\"><img src=\"images/stuff/loading.gif\" /></div>";

  var preloadLayer          = document.getElementById("preloadLayer");

  hiddenLayer.style.visibility = "visible";

  picture       = new Image();
  picture.src   = "images/galleries/" + Gallery + "/" + arrPhotos[PhotoIndex];

  preload = setInterval("LoadPicture();", 1000);
}


function LoadPicture(){
  if(picture.complete == true) {
    clearInterval(preload);
    ShowPicture();
  }
}


function ShowPicture() {
  var PictureHeight = picture.height;
  var PictureWidth  = picture.width;

  if(PhotoIndex == 0) {
    var prevPicture = (arrPhotos.length - 1);
  } else {
    var prevPicture = PhotoIndex - 1;
  }

  if((arrPhotos.length - 1) == PhotoIndex) {
    var nextPicture = 0;
  } else {
    var nextPicture = PhotoIndex + 1;
  }

  if(PictureHeight > screen.availHeight) {

    var NewPictureHeight = screen.availHeight;
    var NewPictureWidth  = PictureWidth * NewPictureHeight / PictureHeight;
    var NewHeight        = NewPictureHeight * 70 / 100;
    var NewWidth         = NewPictureWidth * 70 / 100;

  } else {

    var NewPictureHeight = screen.availHeight;
    var NewPictureWidth  = PictureWidth * NewPictureHeight / PictureHeight;
    var NewHeight        = NewPictureHeight * 70 / 100;
    var NewWidth         = NewPictureWidth * 70 / 100;

  }

  var hiddenLayer          = document.getElementById("hiddenLayer");
  hiddenLayer.innerHTML    = "";
  hiddenLayer.innerHTML    = "<div id=\"transparentLayer\"></div><div id=\"pictureLayer\"><img src=\"images/galleries/" + Gallery + "/" + arrPhotos[PhotoIndex] + "\" border=\"0\" height=\"" + NewHeight + "\" width=\"" + NewWidth + "\" /><div style=\"float: left; width: 100px;\"><a href=\"#\" onclick=\"OpenGallery('" + prevPicture  + "', '" + Gallery + "')\"><img src=\"images/stuff/prev.gif\" border=\"0\" /></a></div><div style=\"float: left; width: 100px;\"><a href=\"#\" onclick=\"OpenGallery('" + nextPicture  + "', '" + Gallery + "')\"><img src=\"images/stuff/next.gif\" border=\"0\" /></a></div><div style=\"float: right;\"><a href=\"#\" onclick=\"CloseGallery()\"><img src=\"images/stuff/close.gif\" border=\"0\" /></a></div></div>";

  var pictureLayer         = document.getElementById("pictureLayer");
  pictureLayer.style.width = NewWidth + "px";

  //i = 0;
  //PictureFade = setInterval("FadeInPicture()", 40);
}


function FadeInPicture() {
  i++;
  var pictureLayer           = document.getElementById("pictureLayer");
  pictureLayer.style.opacity = (1 / 10) * i;

  if(i == 10) {
    clearInterval(PictureFade);
  }
}


function FadeOutPicture() {
  i--;
  var pictureLayer           = document.getElementById("pictureLayer");
  pictureLayer.style.opacity = (1 / 20) * i;

  if(i == 0) {
    clearInterval(PictureFade);

    var hiddenLayer              = document.getElementById("hiddenLayer");
    hiddenLayer.innerHTML        = "";
    hiddenLayer.style.visibility = "hidden";
  }
}


function CloseGallery() {
  //i = 20;
  //PictureFadeOut = setInterval("FadeOutPicture()", 40);
  var hiddenLayer              = document.getElementById("hiddenLayer");
  hiddenLayer.innerHTML        = "";
  hiddenLayer.style.visibility = "hidden";
}