// http://sonspring.com/journal/dom-gallery
// based on Jeremy Keith's DOM Scripting book samples

function showPic(whichpic) 
{

  if (!document.getElementById("placeholder")) return true;

  var source = whichpic.getAttribute("href");

  var placeholder = document.getElementById("placeholder");

  placeholder.setAttribute("src",source);

  var spanTag = (whichpic.parentNode.getElementsByTagName("p")[0].innerHTML);
  spanTag = spanTag.toLowerCase().split("</span>")

  spanTag = (spanTag[0] + "</span>");


  if (!document.getElementById("summary")) return false;
// add link title to summary 
  if (whichpic.getAttribute("title")) {
   var text = whichpic.getAttribute("title");
  } else {
    var text = "";
  }
  var summary = document.getElementById("summary");
  if (summary.firstChild.nodeType == 3) {
    summary.firstChild.nodeValue = text;
  }
// get span containing image ID
// aaargh!
  var title = whichpic.nextSibling;
// get image alt text   
  var thumb = whichpic.firstChild;
  if (thumb.getAttribute("alt")) {
   var alt = thumb.getAttribute("alt");
// apppend it to image ID
// title += alt;
  title = alt;
  } else {
    var title = "";
  }
//alert(imageID);

// put title into h1
  var heading = document.getElementById("heading");

  //if (heading.firstChild.nodeType == 3) 
  {
    heading.firstChild.nodeValue = title;
    heading.innerHTML = spanTag + title;
    
  }
  return false;
}

function prepareGallery() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("thumbnails")) return false;
  var gallery = document.getElementById("thumbnails");
  var links = gallery.getElementsByTagName("a");
  for ( var i=0; i < links.length; i++) {
    links[i].onclick = function() {
      return showPic(this);
	}
    links[i].onkeypress = links[i].onclick;
  }
}
//function prevNext() {
//  get ID number from H1
//  find anchor in list which contains thumbnail url ending in <ID>t.jpg
//  pick out anchor from preceding list item
//  put it in "previous" button
//  pick out anchor from following list item
//  put it in "next" button
//}


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

addLoadEvent(prepareGallery);