function openLightBox(id) {
  //set how far from the top of the screen to display the lightbox
  var verticaloffset = 10;
  var element = document.getElementById(id);
  element.style.top =  verticaloffset + 'px';
  //Use scriptaculous blind effect to show the lightbox, change effect to what you feel looks best
  new Effect.BlindDown(id);
  //Fade in the background to a 0.7 opacity
  new Effect.toggle('fade', 'appear', {duration: 1.0, from: 0.0, to: 0.7});
}

function closeLightBox(id) {
  //Reverse the effects to hide the lightbox
  new Effect.BlindUp(id);
  new Effect.toggle('fade', 'appear', {duration: 1.0, from: 0.7, to: 0.0});
}