var current = "one";

window.onload = loader;

function loader() {

  var block = document.getElementById("transcription");
  var pages = block.getElementsByTagName("div");
  
  for(var i = 0; i < pages.length; i++) {
    pages[i].style.display = "none";
  }

  selectpage("one");
  
}

function selectpage(page) {

  var body          = document.body;
  var pere          = document.getElementById("person");

  var thumbCurrent  = document.getElementById("thumb." + current);
  var thumbNew      = document.getElementById("thumb." + page);

  var textCurrent   = document.getElementById("page." + current);
  var textNew       = document.getElementById("page." + page);
  
  var image         = document.getElementById("willpage");

  var fullPageLink  = document.getElementById("fullpagelink");
  var pageAlt       = document.getElementById("willpage");

  var dir  = body.className;
  var base = pere.className + "." + body.className;

  thumbCurrent.style.backgroundColor = "#eee";
  thumbCurrent.style.border          = "1px solid #eee"
  thumbNew.style.backgroundColor     = "#888";
  thumbNew.style.border              = "1px solid black";

  textCurrent.style.display = "none";
  textNew.style.display     = "block";

  fullPageLink.setAttribute("href", "full" + "/" + base + "." + page + ".jpg");
  pageAlt.setAttribute("alt", "page " + page);

  image.src = "display" + "/" + base + "." + page + ".jpg";

  current = page;
  
  return false;

}


function openwindow() {
  window.open(newwindow(current));
}

function launchwindow(page) {
  window.open(newwindow(page));
}