window.addEvent('domready', function() {
		
		var slides = 100;			// Change This
		var pos = 0;
		var offset = 10;		// HOW MUCH TO MOVE
		var currentslide = 50;
		var items = $('items');
		var fx = new Fx.Morph(items, {duration: 250, transition: Fx.Transitions.Quad.easeIn, fps: 200});
		//var fx = items.effects({duration: 800, transition: Fx.Transitions.linear});
		
		var scroll = new Fx.Scroll('wrapper', {
			offset:{'x':-200, 'y':-100}, 
			transition: Fx.Transitions.Quad.easeOut
		});
	
		$('moveleft').addEvent('click', function(event) {
			event = new Event(event).stop();
			if(currentslide == 50) return;
			currentslide--;																		
			pos += -(offset);
			fx.start({ 
				'opacity': .1
			}).chain(function(){
				this.start.delay(100, this, { 'opacity': 1 });
				scroll.start(pos);
			});			
		});
		
			$('moveleft').addEvent('mouseover', function(event) {
	
			while (currentslide > 0) {
				currentslide--;
			pos += -(offset);
			fx.start({ 
				'opacity': .1
			}).chain(function(){
				this.start.delay(100, this, { 'opacity': 1 });
				scroll.start(pos);
			}); }
			
			if(currentslide == 50) return;
			
		});
			
		$('moveleft').addEvent('mouseleave', function(event) {
		event = new Event(event).stop();
		});
		
		$('moveright').addEvent('click', function(event) { 
			event = new Event(event).stop();
			
			if(currentslide >= slides) return;
			currentslide++;
			pos += offset;
			fx.start({ 
				'opacity': .1
			}).chain(function(){
				this.start.delay(100, this, { 'opacity': 1 });
				scroll.start(pos);
			});
		});
		
		$('moveright').addEvent('mouseover', function(event) { 
			
			while (currentslide < slides) {
				currentslide++;
			pos += offset;
			fx.start({ 
				'opacity': .1
			}).chain(function(){
				this.start.delay(100, this, { 'opacity': 1 });
				scroll.start(pos);
			}); }
			if(currentslide >= slides) return;
			
			
		});
		
		$('moveright').addEvent('mouseleave', function(event) { 
			
			
			
			
		});
		
		
		
		
		
		$$('.icon').each(function(item){ 
			item.addEvent('mouseover', function(event) {
				var fx2 = new Fx.Morph(item, {duration: 250, transition: Fx.Transitions.Quad.easeIn, fps: 200});
				//var fx2 = item.effects({duration: 200, transition: Fx.Transitions.linear});
				fx2.start({
					'width': 200,
					'margin-top': '-35',
					'margin-left': '0'
									});
			});
			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': 100,
					'margin-top': '0',
					'margin-left': '0'
				});
			});
		});
		
		
				$$('.droite').each(function(item){ 
			item.addEvent('mouseover', function(event) {
				var fx2 = new Fx.Morph(item, {duration: 250, transition: Fx.Transitions.Quad.easeIn, fps: 200});
				//var fx2 = item.effects({duration: 200, transition: Fx.Transitions.linear});
				fx2.start({
					'width': 200,
					'margin-top': '-35',
					'margin-left': '-35'
									});
			});
			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': 100,
					'margin-top': '0',
					'margin-left': '0'
				});
			});
		});
		
		
		$$('.first').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': 200,
									});
			});
			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': 200,
					'margin-top': '0',
					'margin-left': '0'
				});
			});
		});
		
		scroll.toLeft();
	
});