var imgDir = 'images/';
var imgList = Array ('gallery-crazyjane-s.jpg', 'gallery-centennial-s.gif', 'gallery-koala-s.gif', 'gallery-lavender-s.gif', 'gallery-lollipop-s.gif', 'gallery-minidresden-s.gif', 'gallery-monster-s.gif', 'gallery-peppermint-s.gif', 'gallery-pirates-s.gif', 'gallery-raspberry-s.gif', 'gallery-rosegarden-s.gif', 'gallery-spearmint-s.gif', 'gallery-crazyjane.jpg', 'gallery-spearmint.jpg', 'gallery-union-s.gif', 'gallery-xmas-s.gif', 'gallery-centennial.jpg', 'gallery-koala.jpg', 'gallery-lavender.jpg', 'gallery-lollipop.jpg', 'gallery-minidresden.jpg', 'gallery-monster.jpg', 'gallery-peppermint.jpg', 'gallery-pirates.jpg', 'gallery-raspberry.jpg', 'gallery-rosegarden.jpg', 'gallery-union.jpg', 'gallery-xmas.jpg');
var imgObjects = [];

function preLoad() {
	for (var i=0, j=imgList.length; i<j; i++) {
		imgObjects[i] = new Image();
		imgObjects[i].src = imgDir + imgList[i];
	}
}

// function showDetails(whichDetails) {
// 	// Bail if old browser
// 	if (!document.getElementsByTagName) { return false; }
// 	if (!document.getElementById) { return false; }
	
function toggleSection(id) {
  var divs = document.getElementsByTagName("div");
  for (var i=0; i<divs.length; i++ ) {
    if (divs[i].className.indexOf("details") == -1) continue;
    if (divs[i].getAttribute("id") != id) {
      divs[i].style.display = "none";
    } else {
      divs[i].style.display = "block";
    }
  }
}
		
function prepLinks() {
	// Bail if old browser
	if (!document.getElementsByTagName) { return false; }
	if (!document.getElementById) { return false; }
	var thumbs = document.getElementById("thumbs");
	var links = thumbs.getElementsByTagName("a");
	var theQuilt = document.getElementById("quilt");
	var thePic = document.getElementById("pic");
	var newPic;
	for (var i=0, j=links.length; i<j; i++) {
		links[i].onclick = function() {
			newPic = this.href;
			thePic.setAttribute("src", newPic);
			var theDetails = this.id + "Info";
			toggleSection(theDetails);
			//alert(theDetails);
			return false;
		}
	}
}

function showInitial() {
	var initial = document.getElementById("CrazyJaneInfo");
	initial.style.display = "block";
}

window.onload = function() {
	prepLinks();
	preLoad();
	showInitial()
}