window.addEvent('domready', function() {
		var slides = 5;			// Change This
		//alert(slides);
		var pos = 0;
		var offset = 622;		// 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('content-gallery-middle', {
			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': 160,
					//'height':209,
					//'margin-top': '-25',
					//'margin-left': '-5'
					'width': 160,
					'height':160,
					'margin-top': '-25',
					'margin-left': '-10'
				});
			});
			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': 108,
					//'height':141,
					'width': 105,
					'height':105,
					'margin-top': '0',
					'margin-left': '0'
				});
			});
		});


		scroll.toLeft();

});