window.addEvent('domready', function() {
		var slides = 3;			// Change This
		var pos = 0;
		var offset = 550;		// HOW MUCH TO MOVE
		
		var currentslide = 1;
		var items = $('items');
//		var mask = $('scrollwrapper')
//		alert(items.getStyle('width'));
		$('moveleft').setStyle('opacity','0');
		$('moveright').setStyle('opacity','0');
		var Left = new Fx.Morph('moveleft', {
			duration: 400, 
			transition: Fx.Transitions.linear
		});
		var Right = new Fx.Morph('moveright', {
			duration: 400, 
			transition: Fx.Transitions.linear
		});
		updateNav();

		var scroll = new Fx.Scroll('scrollwrapper', {
			offset:{'x':0, 'y':0}, 
			transition: Fx.Transitions.linear,
			duration: 1000
		});
		
		$('moveleft').addEvent('click', function(event) {
			scroll.cancel();
			event = new Event(event).stop();
			if (currentslide == 1) {
				Left.start({'opacity': 0});
//				alert(currentslide);
			} else {
				currentslide--;																		
				pos += -(offset);
			}
			scroll.start(pos);
			updateNav();
		});

		
		$('moveright').addEvent('click', function(event) { 
			event = new Event(event).stop();
			scroll.cancel();
			
			if(currentslide >= slides)
			{
			} else {
				Left.start({'opacity': 1});
				currentslide++;
				pos += offset;
			}
			scroll.start(pos);
			updateNav();
		});
		scroll.toLeft();
		function updateNav()
		{
			if ((currentslide>1) && (slides > 1)) Left.start({'opacity':1});
			if ((currentslide==1) && (slides > 1)) Left.start({'opacity':0});
			if ((currentslide<slides) && (slides > 1)) Right.start({'opacity':1});
			if ((currentslide==slides) && (slides > 1)) Right.start({'opacity':0});
		}
});