var obj = null;
var tmp_img = null;
var img_name = '';

function show(main_img, photo) {
  img_name = main_img;
  tmp_img = new Image();
  tmp_img.src = photo;
  if (obj == null) {
    obj = document.getElementById('trans_pane');
  }
  trans_pane();
}

var width = 5;
var height = 5;

function trans_pane()
{
  if (width < 100 && height < 100) {
    width += 2;
    height += 2;
    obj.style.width = width+'%';
    obj.style.height = height+'%';
  }

  if (tmp_img.complete) {
    hide_trans_pane();
    if (document.images == null) alert('document.images == null');
    if (document.images[img_name] == null) alert('document.images['+img_name+'] == null');
    document.images[img_name].src = tmp_img.src;
  }
  else {
    obj.style.display = 'block';
    setTimeout(trans_pane, 75);
  }
}

function hide_trans_pane()
{
  obj.style.display = 'none';
  width = 5;
  height = 5;
}

function scroll_to_loc(index)
{
  var obj = document.getElementById('photo_thumbnails');
  obj.scrollTop = 130*index;
}