// JavaScript Document

var currentImageId = 'currentImage';
var thumbnailsContainerId = 'thumbnails';

addOnload(thumbnailClick);

function thumbnailClick() {
	var allThumbs = document.getElementsByClassName("a","galleryThumbnail");
	for (i=0; i<allThumbs.length; i++) {
		allThumbs[i].onclick = displayThumbnail;
	}
}

function displayThumbnail() {
	var imgLocation = this.href;
	var currentImage = document.getElementById(currentImageId);
	currentImage.style.backgroundImage = "url('" + imgLocation + "')";
	scrollThumbnails();
	document.getElementById('currentImageLink').href = imgLocation.replace("/250/","/400/");
	document.getElementById('currentImageLinkRepeat').href = imgLocation.replace("/250/","/400/");
	return false;
}

addOnload(setDefaultWidth);

function setDefaultWidth() {
	var thumbCount = document.getElementsByClassName("a","galleryThumbnail").length;
	document.getElementById('thumbReadjust').style.width = thumbCount*(120 + 6) + "px";
}

addOnload(scrollClick);

function scrollClick() {
	document.getElementById('scrollLeft').onclick = scrollThumbnails;
	document.getElementById('scrollRight').onclick = scrollThumbnails;
}

function scrollThumbnails() {
	var thumbnailsContainer = document.getElementById(thumbnailsContainerId);
	var scrollDirection = 0;
	var scrollDistance = 116;
	var thumbCount = document.getElementsByClassName("a","galleryThumbnail").length;
	var maxLeft = 0;
	var maxRight = thumbCount*120 - parseInt(thumbnailsContainer.offsetWidth) - 10;
	
	
	
	if (this.id == "scrollLeft") scrollDirection = scrollDirection - scrollDistance;
		else if (thumbnailsContainer.scrollLeft < maxRight) scrollDirection = scrollDirection + scrollDistance;

	scrollDirection = scrollDirection - (scrollDirection % 2);
	
	if (Math.abs(scrollDirection) > 0) setTimeout("doScroll('" + thumbnailsContainerId + "'," + scrollDirection + "); ", 5);
}

function doScroll(id, distance) {
	var scrollStep = 0;
	obj = document.getElementById(id);
	if (distance > 0) scrollStep = 2; else scrollStep = -2;
	obj.scrollLeft = obj.scrollLeft + scrollStep;
	if (Math.abs(distance) > 0) {
		distance = distance - scrollStep;
		setTimeout("doScroll('" + id + "'," + distance + "); ", 5);
	}
}