function Products() {}

Products.update = 30;		// Milliseconds between scroll updates
Products.distance = 7;		// Pixels to scroll contents with each update

Products.init = function()
{
	// Remove scrollbar
	Products.scroller = document.getElementById('product-scroller');
	Products.scroller.style.overflow = 'hidden';

	// Set up arrows
	var left = document.getElementById('left');
	left.onmouseover = Products.startScrollLeft;
	left.onmouseout  = Products.stopScrollLeft;

	var right = document.getElementById('right');
	right.onmouseover = Products.startScrollRight;
	right.onmouseout  = Products.stopScrollRight;
}

Products.showDetails = function(key)
{
	var detailsKey = 'detail-box-'+key;
	//alert( detailsKey );
	var elem = document.getElementById(detailsKey);
	elem.style.display = 'block';
}

Products.hideDetails = function(key)
{
	var detailsKey = 'detail-box-'+key;
	var elem = document.getElementById(detailsKey);
	elem.style.display = 'none';
}

Products.startScrollLeft = function()
{
	Products.timer = setInterval( Products.scrollLeft, Products.update )
}

Products.stopScrollLeft = function()
{
	clearInterval( Products.timer );
}

Products.scrollLeft = function()
{
	Products.scroller.scrollLeft -= Products.distance;
}

Products.startScrollRight = function()
{
	Products.timer = setInterval( Products.scrollRight, Products.update )
}

Products.stopScrollRight = function()
{
	clearInterval( Products.timer );
}

Products.scrollRight = function()
{
	Products.scroller.scrollLeft += Products.distance;
}

runOnLoad( Products.init );