d = document;
imgs = Array();
var imgNo = 0;

window.onload = function () {
	createArray('viewerNav');
/* 	highLightCurrent('1'); */
}
function swapImg(imgNo){
	if (imgNo >= imgs.length) { imgNo = 0 }
	if (imgNo < 0) { imgNo = imgs.length-1 }
	var placeholder = d.getElementById("placeholder");
	var viewerNav = d.getElementById('viewerNav');
	var a = viewerNav.getElementsByTagName('a');
	placeholder.setAttribute("src",imgs[imgNo]);
	placeholder.setAttribute("rel",imgNo);
	for (var i=0; i < a.length; i++) {
		if (a[i].href == placeholder.src) {
			a[i].className="current";
		} else {
			a[i].className="";
		}
	}
	var num = imgNo+1;
 	updateCount(num);
}
function createArray (ele) {
	var links = d.getElementById(ele);
	var a = links.getElementsByTagName('a');
	for (var i=0; i < a.length; i++) {
		imgs[i] = a[i].getAttribute('href');
	}
}
function updateCount(num) {
	counter = d.getElementById('count');
	old = counter.lastChild;
	newChild = d.createTextNode(num);
	counter.replaceChild(newChild, old);
}
function move (amount, active) {
	nav = d.getElementById('viewerNav');
	nav.style.left = amount +"px";
	var linkControl = d.getElementById('linkControl');
	var a = linkControl.getElementsByTagName('a');
 	for (var i=0; i < a.length; i++) {
		a[i].className="";
	}
	active.className="current";
}