window.addEvent('domready', function() {
		
		var slides = 2;			// Change This
		var pos = 0;
		var offset = 420;		// HOW MUCH TO MOVE
		var currentslide = 1;
		var items = $('items');
		var fx = new Fx.Morph(items, {duration: 800, transition: Fx.Transitions.linear});
		//var fx = items.effects({duration: 800, transition: Fx.Transitions.linear});
		
		var scroll = new Fx.Scroll('wrapper', {
			offset:{'x':0, 'y':0}, 
			transition: Fx.Transitions.Elastic.easeOut
		});
	
		$('moveleft').addEvent('click', function(event) {
			event = new Event(event).stop();
			if(currentslide == 1) return;
			currentslide--;																		
			pos += -(offset);
			fx.start({ 
				'opacity': .3 
			}).chain(function(){
				this.start.delay(800, this, { 'opacity': 1 });
				scroll.start(pos);
			});			
		});
		
		
		$('moveright').addEvent('click', function(event) { 
			event = new Event(event).stop();
			
			if(currentslide >= slides) return;
			currentslide++;
			pos += offset;
			fx.start({ 
				'opacity': .3 
			}).chain(function(){
				this.start.delay(800, this, { 'opacity': 1 });
				scroll.start(pos);
			});
		});
		
		
		
		$$('.icon').each(function(item){ 
			item.addEvent('mouseover', function(event) {
				var fx2 = new Fx.Morph(item, {duration: 200, transition: Fx.Transitions.linear});
				//var fx2 = item.effects({duration: 200, transition: Fx.Transitions.linear});
				fx2.start({
					'width': 140,
					'height':150,
					'margin-top': '-2',
					'margin-left': '-5'
				});
			});
			item.addEvent('mouseleave', function(event) {
				var fx2 = new Fx.Morph(item, {duration: 200, transition: Fx.Transitions.linear});
				//var fx2 = item.effects({duration: 200, transition: Fx.Transitions.linear});
				fx2.start({
					'width': 140,
					'height':150,
					'margin-top': '0',
					'margin-left': '0'
				});
			});
		});
		
		
		scroll.toLeft();
	
});