// Modal Image Window (c)2010 MSS
//

function toggleImage(imgId)
{
  // get correct image
  var img = document.getElementById(imgId);
  if (!img) return false;

  // get modal window
  var bg = document.getElementById('mssBgOverlay');
  // create it if it doesn't exist yet
  if (!bg) {
    bg = document.createElement('div');
    bg.setAttribute('id', 'mssBgOverlay');
    bg.setAttribute('onclick', "toggleImage('"+imgId+"');");
    document.body.appendChild(bg);
  }
  
  if (bg.style.display=='block') {
    hideImage(img, bg);
  } else {
    showImage(img, bg);
  }
  
  return false;
}  


function showImage(img, bg)
{
  // make background overlay visible
  bg.style.display = 'block';
  // show image layer
  img.style.display = 'block';
}

function hideImage(img, bg)
{
  bg.style.display = 'none';
  img.style.display = 'none';
}