// JavaScript Document

var thumbLinks = document.getElementById('thumbnails').getElementsByTagName('a');

for (i = 0; i < thumbLinks.length; i++) {
	thumbLinks[i].onclick = function() {
		imgSwitcher(this, 'photo', '.gif','.jpg');
	}
	thumbLinks[i].onmouseover = function() {
		showCaption(this);
	}
	thumbLinks[i].onmouseout = function() {
		restoreCaption();
	}
}

function imgSwitcher(caller, target, splitter, suffix) {
	document.getElementById(target).src = caller.getElementsByTagName('img')[0].src.split(splitter)[0] + suffix;
	document.getElementById(target).alt = caller.getElementsByTagName('img')[0].alt;
}

function showCaption(caller) {
	document.getElementById('current_name').innerHTML = caller.getElementsByTagName('img')[0].alt;
}
function restoreCaption() {
	document.getElementById('current_name').innerHTML = document.getElementById('photo').alt;
}