function showPic(whichpic) {
  if (!document.getElementById("pieceimg")) return true;
  var source = whichpic.getAttribute("href");
  var placeholder = document.getElementById("pieceimg");
  placeholder.setAttribute("src",source);
  if (!document.getElementById("piececaption")) return false;
  if (whichpic.getAttribute("title")) {
    var text = whichpic.getAttribute("title");
  } else {
    var text = "";
  }
  var description = document.getElementById("piececaption");
  if (description.firstChild.nodeType == 3) {
    description.firstChild.nodeValue = text;
	tgt = document.getElementById("content");
  }
  return false;
}

function preparePlaceholder() {
  if (!document.createElement) return false;
  if (!document.createTextNode) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("portfolio")) return false;
  var placeholder = document.createElement("img");
  placeholder.setAttribute("id","pieceimg");
  placeholder.setAttribute("src","i/placeholder.png");
  placeholder.setAttribute("alt","");
  var description = document.createElement("p");
  description.setAttribute("id","piececaption");
  var desctext = document.createTextNode("");
  description.appendChild(desctext);
  var gallery = document.getElementById("portfolio");
  var tgt = document.getElementById("content");
  var insertPt = tgt.lastChild;
  insertAfter(placeholder, insertPt);
  insertAfter(description, placeholder);
}

function prepareGallery() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("portfolio")) return false;
  var gallery = document.getElementById("portfolio");
  var links = gallery.getElementsByTagName("a");
  for ( var i=0; i < links.length; i++) {
    links[i].onclick = function() {
      return showPic(this);
    }
  }
}

addLoadEvent(prepareGallery);
addLoadEvent(preparePlaceholder);