var img1 = new Image();
var img2 = new Image();
img1.src = "/themes/morewinepro/images/scroll-leftmouseover.gif";
img2.src = "/themes/morewinepro/images/scroll-rightmouseover.gif";

var img3 = new Image();
var img4 = new Image();
img3.src = "/themes/morewinepro/images/scroll-left.gif";
img4.src = "/themes/morewinepro/images/scroll-right.gif";

SlideBox.prototype = new ygAnim_Scroll();


function SlideBox(node, time, visibleCols) {
	if(node) {
		this.init(node, time);
		var headerRow = node.getElementsByTagName('tr')[0];
		var cols = headerRow.getElementsByTagName('td');
		this.totalCols = cols.length;
		this.scrollMaximum = (this.totalCols - visibleCols );

		
		this.colWidths = [];
		for(var i = 0 ; i < cols.length; i++)
		{
			this.colWidths[i] = cols[i].offsetWidth;
		}
		this.scrollWidth = this.colWidths[0];
		this.currentCol = 0;
		this.move(-node.offsetWidth);

		this.locked=false;
	}
}


SlideBox.prototype.right = function() {

	if ( this.isAnimated() ) return false;

	if (this.currentCol == 0)
        {
                document.getElementById('left').src=img1.src;
        }
	if (this.currentCol == this.scrollMaximum)
        {
       		return false;
	}
	this.currentCol++;

	var offset = this.colWidths[this.currentCol];
	this.move(offset);

	if(this.isAnimated() || this.currentCol == this.scrollMaximum)
        {
                if(this.currentCol == this.scrollMaximum)
                document.getElementById('right').src=img4.src;
                return false;
        }
}


SlideBox.prototype.left = function() {
	if ( this.isAnimated() ) return false;
	if(this.currentCol == this.scrollMaximum)
        {
                document.getElementById('right').src=img2.src;
        }

	if (this.currentCol == 0)
        {
                return false;
        }
	var offset = this.colWidths[this.currentCol];

	this.currentCol--;


	this.move(-offset);

	if(this.isAnimated() || this.currentCol == 0)
        {
                if(this.currentCol == 0)
                document.getElementById('left').src=img3.src;
                return false;
        }

}

SlideBox.prototype.move = function(offset) {
	var start = this.oDomRef.scrollLeft;
	var end = start + offset;
	var tween = [[start,0], [end,0]];
	var sign = offset > 0 ? 1 : -1;
	var query = location.search.substring(1);
	switch(query)
	{
		case "ease-in":
		{
			tween = [[start, 0], [end -(sign*25), 0], [end, 0]];
		}
		break;		

		case "brake-up":
		{
			tween = [[start, 0], [end +(sign*25), 0], [end, 0]];
		}
		break;
		
		case "standard":
		default:
		{
			tween = [[start, 0], [end, 0]];
		}
		break;
	}
	this.setPoints(tween);
	this.animate();
}

var slidebox = null;
window.onload = function() {
	var slidebox0 = document.getElementById('slidebox0');
	slidebox = new SlideBox(slidebox0, 0.25, 3);
	document.getElementById('left').onclick = function(){ slidebox.left()  };
	document.getElementById('right').onclick = function() { slidebox.right()  };
	var width = 0;
	for(var i = 0; i <3; i++)
	{
		width = width + slidebox.colWidths[i];
	}
}