// JavaScript Document
//left_scroll
//left_scroll_image
//right_scroll
//right_scroll_image

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) {
	document.getElementById('largepicture_image').src = imageDOM.src.replace('thumb', 'large');
	var sizechart = document.getElementById('size_chart');
	var fabricName = "";
	var fabricSizes = "";
	for (i = 0; i < fabricCount; i++) {
		if (fabrics[i].ID==imageDOM.id) {
			fabricName = fabrics[i].FRIENDLYNAME;
			fabricSizes = fabrics[i].SIZES;
			break;
		}
	}
	sizechart.innerHTML = fabricName + "<br />" + fabricSizes;
}

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 fabricname = fabrics[0].ID;
		var elem = document.getElementById(fabricname);
		if (!elem) {
			/*element does not exist*/
		} else {
			thumbnailClick(elem);
		}
	}
	catch (err) { }
	try {
		var url = "/go/jscart.php";
		var params = "task=get_total";
		var ajax = new Ajax.Updater({success: 'cartResult'}, url, {method: 'get', parameters: params, onFailure: reportError});
	}
	catch (err) { }
}
function addCart(productId, sizeId, productName) {
	var url = "/go/jscart.php";
	var params = "task=add&product=" + productId + "&size=" + sizeId + "&product_name=" + productName;
	var ajax = new Ajax.Updater({success: 'cartResult'}, url, {method: 'get', parameters: params, onFailure: reportError});
}
function reportError(request) {
	$F('cartResult') = "An error occurred";
}