function moveUp() {
  scrollUp(0);
  document.getElementById("preText").style.display = "none";
  document.getElementById("todd").style.display = "block";
  document.getElementById("julia").style.display = "block";
  document.getElementById("toddandjulia").style.display = "block";
  document.getElementById("postText").style.display = "block";
  document.getElementById("names").onclick = moveDown;
}

function moveDown() {
  scrollDown(0);
  document.getElementById("names").onclick = moveUp;
  document.getElementById("preText").style.display = "block";
  document.getElementById("todd").style.display = "none";
  document.getElementById("julia").style.display = "none";
  document.getElementById("toddandjulia").style.display = "none";
  document.getElementById("postText").style.display = "none";
}

function scrollUp(t) {
  var y = -1*Math.round((33/2)*t - (9/20)*t*t);
  var y2 = Math.round(y/3);
  document.getElementById("halftone").style.backgroundPosition = "center "+y2+"px";
  document.getElementById("mainColumn").style.top = ""+y+"px";
  var nmPadTop = 294+y;
  document.getElementById("names").style.paddingTop = nmPadTop+"px";
  var newT = t+1;
  if (t < 20) { window.setTimeout("scrollUp("+newT+")",20); }
}

function scrollDown(t) {
  var ht = document.getElementById("halftone");
  var y = Math.round((33/2)*t - (9/20)*t*t)-150;
  var y2 = Math.round(y/3);
  ht.style.backgroundPosition = "center "+y2+"px";
  document.getElementById("mainColumn").style.top = ""+y+"px";
  var nmPadTop = 294+y;
  document.getElementById("names").style.paddingTop = nmPadTop+"px";
  var newT = t+1;
  if (t < 20) { window.setTimeout("scrollDown("+newT+")",20); }
}