// prepareGallery function

function prepareGallery() {
// Make sure the browser understands the DOM methods
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
// Make sure the elements exist
  if (!document.getElementById("nav")) return false;
  if (!document.getElementById("slideart")) return false;
// Apply styles to the "slideart" image
  var slideart = document.getElementById("slideart");
  slideart.style.left = "0px";
  slideart.style.top = "0px";
// Get all the links in the list
  var list = document.getElementById("nav");
  var links = list.getElementsByTagName("a");
// Attach the animation behavior to the mouseover event
  links[0].onmouseover = function() {
    moveImage("slideart",-0,0,10);
  }
  links[1].onmouseover = function() {
    moveImage("slideart",-550,0,10); // when you mouseover the second link, "slideart" will slide back 550px
  }
  links[2].onmouseover = function() {
    moveImage("slideart",-1100,0,10);
  }
  links[3].onmouseover = function() {
	moveImage("slideart",-1650,0,10);
  }
  links[4].onmouseover = function() {
	moveImage("slideart",-2200,0,10);
  }
  links[5].onmouseover = function() {
	moveImage("slideart",-2750,0,10);
  }
  links[6].onmouseover = function() {
	moveImage("slideart",-3300,0,10);
  }
  links[7].onmouseover = function() {
	moveImage("slideart",-3850,0,10);
  }
}
addLoadEvent(prepareGallery);