var mainDiv, lightbox, fade;

function init() {
  mainDiv = document.getElementById("outer");
  fade = document.createElement("div");
  fade.setAttribute("id", "dummy");
  document.body.appendChild(fade);
  fade = document.createElement("div");
  fade.setAttribute("id", "fade");
  document.body.appendChild(fade);
  lightBox = document.createElement("div");
  lightBox.setAttribute("id", "lightbox");
  document.body.appendChild(lightBox);
  links = document.getElementsByTagName("a");
  for (i=0;i<links.length;i++) {
    if ( (links[i].className == "thumb") || (links[i].className == "image") ) {
      links[i].onclick=function() { if (this.blur) this.blur(); showImage(this); return false; }
    }
  }
}

function showImage(link) {
  img = link.getElementsByTagName("img")[0];
  lightBox.innerHTML = "<img src='"+link.href+"'>"+img.title;
  lightBox.onclick = fade.onclick = function() {
    lightBox.style.display = "none";
    fade.style.display = "none";
  }
  fade.style.display = "inline";
  lightBox.style.display = "inline";
}