var xDist = 800; /* distance scrolled left or right */

function addWidth(id) {
   var mydiv = document.getElementById(id);
   var curr_width = parseInt(mydiv.style.width); // removes the "px" at the end
   mydiv.style.width = (curr_width + 160) +"px";
}

/* this scrolls the section */
window.addEvent('domready', function() {

	var arrWrapper = ['demo-wrapper1', 'demo-wrapper2'];
	
	for(s=0;s<arrWrapper.length;s++){
		this['slide'+s] = new Fx.Scroll(arrWrapper[s], {
			wait: false, link: 'cancel', wheelStops: false, duration: 1500, offset: {'x': 0, 'y': 0}, transition: Fx.Transitions.Quad.easeInOut
		});
		/* link that goes left */
		$('link'+s+'a').addEvent('click', function(event) {
			xPos = $(arrWrapper[this.rel]).getScroll();
			newX = (xPos.x - xDist); 
			event = new Event(event).stop();
			eval('slide'+this.rel).start(newX,0);
		});
		/* link that goes right */
		$('link'+s+'b').addEvent('click', function(event) {
			xPos = $(arrWrapper[this.rel]).getScroll();
			newX = (xPos.x + xDist);
			event = new Event(event).stop();
			eval('slide'+this.rel).start(newX,0);
		});
	}

});