function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}



function showPic(whichpic) {
  if (!document.getElementById("placeholder")) return true;
  var source = whichpic.getAttribute("href");
  var placeholder = document.getElementById("placeholder");
  placeholder.setAttribute("src",source);
  
  
  if (!document.getElementById("t")) return false;
  if (whichpic.getAttribute("title")) {
    var titletext = whichpic.getAttribute("title");
  } else {
    var titletext = " ";
  }
  
  var t = document.getElementById("t");
  if (t.firstChild.nodeType == 3) {
    t.firstChild.nodeValue = titletext;
  }
  
  
  if (!document.getElementById("d")) return false;
  if (whichpic.getAttribute("dimensions")) {
    var dimensionstext = whichpic.getAttribute("dimensions");
  } else {
    var dimensionstext = " ";
  }
  var d = document.getElementById("d");
  if (d.firstChild.nodeType == 3) {
    d.firstChild.nodeValue = dimensionstext;
  } 
  
  if (!document.getElementById("m")) return false;
  if (whichpic.getAttribute("materials")) {
    var materialstext = whichpic.getAttribute("materials");
  } else {
    var materialstext = " ";
  }
 var m = document.getElementById("m");
  if (m.firstChild.nodeType == 3) {
    m.firstChild.nodeValue = materialstext;
  }
  
  return false;
}

function preparePlaceholder() {
  if (!document.createElement) return false;
  if (!document.createTextNode) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("imagegallery")) return false;
  
  var placeholder = document.createElement("img");
  placeholder.setAttribute("id","placeholder");
  var listfirst=document.getElementById("imagegallery").getElementsByTagName("a")[0];
  var textt=listfirst.getAttribute("title");
  var textd=listfirst.getAttribute("dimensions");
  var textm=listfirst.getAttribute("materials");
  placeholder.setAttribute("src",listfirst.getAttribute("href"));
  placeholder.setAttribute("alt","");
  
 var t = document.createElement("h1");
  t.setAttribute("id","t");
  
  var titletext=document.createTextNode("  ");
  t.appendChild(titletext);
  titletext.appendData(textt);
  
  var d = document.createElement("p");
  d.setAttribute("id","d");
  var dimensionstext=document.createTextNode(" ");
  d.appendChild(dimensionstext);
  dimensionstext.appendData(textd);
  
  var m = document.createElement("p");
  m.setAttribute("id","m");
  var materialstext=document.createTextNode(" ");
  m.appendChild(materialstext);
  materialstext.appendData(textm);
  
  var spacer = document.createElement("p");
  
  
  var gal = document.getElementById("imagegallery");
  gal.parentNode.insertBefore(d, gal);
  gal.parentNode.insertBefore(m, d);
  gal.parentNode.insertBefore(t, m);
  gal.parentNode.insertBefore(placeholder, t);
}

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

addLoadEvent(preparePlaceholder);
addLoadEvent(prepareGallery);