// JavaScript Document
//left_scroll
//left_scroll_image
//right_scroll
//right_scroll_image
var PORTRAIT = 0;
var LANDSCAPE = 1;
var linen_width = Array();
var linen_height = Array();
linen_width[LANDSCAPE] = 467;
linen_height[LANDSCAPE] = 350;
linen_width[PORTRAIT] = 263;
linen_height[PORTRAIT] = 350;

function doOverImage(imageDOM) {
	imageDOM.src = imageDOM.src.replace(".gif", "-over.gif");
}
function doOutImage(imageDOM) {
	imageDOM.src = imageDOM.src.replace("-over.gif", ".gif");
}
var scrollLeftTimeoutId = 0;
var scrollRightTimeoutId = 0;
var scrollPixelSpace = 6;
var scrollLocation = 0;
var scrollTime = 25;
function scrollLeft() {
	stopScrollRight();
	if (scrollLocation > 0) {
		scrollLocation -= scrollPixelSpace;
		document.getElementById('thumbs').scrollLeft = scrollLocation;
		scrollLeftTimeoutId = setTimeout("scrollLeft()", scrollTime);
	}
}
function stopScrollLeft() {
	clearTimeout(scrollLeftTimeoutId);
}
function scrollRight () {
	stopScrollLeft();
	if (scrollLocation <= document.getElementById('thumbs').scrollWidth - document.getElementById('thumbs').clientWidth) {
		scrollLocation += scrollPixelSpace;
		document.getElementById('thumbs').scrollLeft = scrollLocation;
		scrollRightTimeoutId = setTimeout("scrollRight()", scrollTime);
	}
}
function stopScrollRight() {
	clearTimeout(scrollRightTimeoutId);
}

function thumbnailClick(imageDOM) {
	var sizechart = document.getElementById('size_chart');
	for (i = 0; i < galleryItemCount; i++) {
		if (galleryItems[i].ID==imageDOM.id) {
			var largeImage = document.getElementById('largepicture_image');
			//largeImage.src = galleryItems[i].LOCATION;
			largeImage.src = "/site_image/spacer.gif";
			largeImage.height = linen_height[galleryItems[i].ORIENTATION];
			largeImage.width = linen_width[galleryItems[i].ORIENTATION];
			var largePictureDiv = document.getElementById('largepicture');
			largePictureDiv.style.height = linen_height[galleryItems[i].ORIENTATION] + 'px';
			largePictureDiv.style.width = linen_width[galleryItems[i].ORIENTATION] + 'px';
			if (galleryItems[i].ORIENTATION == PORTRAIT) {
				largePictureDiv.style.left = '422px';
				document.getElementById('image_caption').style.left = '422px';
			}
			if (galleryItems[i].ORIENTATION == LANDSCAPE) {
				largePictureDiv.style.left = '320px';
				document.getElementById('image_caption').style.left = '320px';
			}
			if (galleryItems[i].CAPTION != "") {
				document.getElementById('image_caption').innerHTML = galleryItems[i].CAPTION;
			} else {
				document.getElementById('image_caption').innerHTML = "";
			}
			largeImage.src = galleryItems[i].LOCATION;
			break;
		}
	}
}

function page_onload() {
	if (!document.getElementById) return;

	var elem = document.getElementById("left_scroll_image");
	if (elem) {
		elem.onmouseover = function() { doOverImage(elem); }
		elem.onmouseout = function() { doOutImage(elem); }
	}
	var elemr = document.getElementById("right_scroll_image");
	if (elemr) {
		elemr.onmouseover = function() { doOverImage(elemr); }
		elemr.onmouseout = function() { doOutImage(elemr); }
	}
	var eleml_scroll = document.getElementById("left_scroll");
	if (eleml_scroll) {
		eleml_scroll.onmouseover = function() { scrollLeft(); }
		eleml_scroll.onmouseout = function() { stopScrollLeft(); }
	}
	var elemr_scroll = document.getElementById("right_scroll");
	if (elemr_scroll) {
		elemr_scroll.onmouseover = function() { scrollRight(); }
		elemr_scroll.onmouseout = function() { stopScrollRight(); }
	}
	
	if (!document.getElementById('thumbs').getElementsByTagName) return;
	var tags = document.getElementById('thumbs').getElementsByTagName('img');
	for (var i = 0; i < tags.length; i++) {
		tags[i].onclick = function() {
			thumbnailClick(this);
		}
	}
	try {
		var itemname = galleryItems[0].ID;
		var elem = document.getElementById(itemname);
		if (!elem) {
			/*element does not exist*/
		} else {
			thumbnailClick(elem);
		}
	}
	catch (err) { }
	
}