$(function () {
  $(".shadowBox").css("opacity", "0.2");
  setTimeout('$(".roundShadowBox:first").css("opacity", "0.85");', 1);

});

function getSidebarImgs(maxImages) {
  var arryRnd = [];
  var i, rnd, itsOK;
   
  if (medias.length >= maxImages) {
    while (arryRnd.length < maxImages) {
      rnd = Math.random();
      rnd = rnd * medias.length;
      rnd = Math.ceil(rnd) - 1;

      itsOK = true;
      for (i in arryRnd) {
        if (arryRnd[i] == rnd) {
          itsOK = false;
          break;
        }
      }

      if (itsOK) {
        arryRnd[arryRnd.length] = rnd;
      }
    }
  } else {
    for (i = 0; i < medias.length; i++) {
      arryRnd[arryRnd.length] = i;
    }
  }

  var elem = document.createElement("div");
  elem.className = "sideImgsBox";
  $("#sideBox").append(elem);

  if (maxImages == 1) {
    appendCarolImg();
  }

  for (i = 0; i < arryRnd.length; i++) {
    medias[arryRnd[i]].path = medias[arryRnd[i]].path.substring(1);
    elem.appendChild(buildSideImg(medias[arryRnd[i]]));

    var div = document.createElement("div");
    div.appendChild(document.createTextNode(medias[arryRnd[i]].description));
    elem.appendChild(div);
  }

  $(".sideImgsBox img").click(function () {
    window.open("imgView.aspx?bg=" + $(this).attr("src") + $(this).attr("imgWH"), "fileUpload", "width=675,height=700");
    return false;
  });
}

function appendCarolImg() {
  var elem = document.createElement("img");
  elem.src = "images/photo_carolParker.jpg"
  elem.alt = "Sacred Land Journeys Carol Parker's Image"
  elem.setAttribute("imgWH", "&w=185&h=240&c=Sacred Land Journeys - Carol Parker");
  elem.setAttribute("title", "Sacred Land Journeys Side Images - Carol Parker");

  $(".sideImgsBox").append(elem);

  elem = document.createElement("div");
  elem.appendChild(document.createTextNode("This photo of Carol was taken during a healing ceremony held recently in Santa Fe, New Mexico"));

  $(".sideImgsBox").append(elem);
}

function buildSideImg(arryObj) {
  var elem = document.createElement("img");
  elem.src = arryObj.path + arryObj.media;

  var qStr = "&w=" + arryObj.width + "&h=" + arryObj.height + "&c=" + arryObj.description;
  scaleImg(arryObj);

  elem.setAttribute("width", parseInt(arryObj.width));
  elem.setAttribute("height", parseInt(arryObj.height));
  elem.setAttribute("imgWH", qStr);
  elem.setAttribute("title", arryObj.description);
  elem.alt = "Sacred Land Journeys Side Images"

  return elem;
}

function scaleImg(arryObj) {
  var maxHeight = 150;
  var maxWidth = 175;
  var deltaWidth = arryObj.width - maxWidth;
  var deltaHeight = arryObj.height - maxHeight;
  var sf;

  if (deltaHeight > deltaWidth) {
    sf = maxHeight / arryObj.height;
  } else {
    sf = maxWidth / arryObj.width;
  }

  arryObj.width *= sf;
  arryObj.height *= sf;
}