window.addEvent('domready', function() {

	var img_gallery = document.id('img_gallery');
	if(img_gallery) {
		var fullimg = document.id('fullimg');
		var img_gallery_a = img_gallery.getElements('ul li a');

		var scroller = new Fx.Animate.Scroll(img_gallery.getElement('ul'), 'li', {
			perPage: 5,
			perStep: 5,
			autoplay: false
		});

		img_gallery_a.addEvent('click', function(e) {
			if(e) e.stop();
			var me = this;

			var description = fullimg.getElement('.description');
			if(description) {
				description.dispose();
			}

			var deleteimg = new Fx.Tween(fullimg.getElement('img'), {
				property: 'opacity',
				onComplete: function() {
					fullimg.empty();
					var newimg = new Element('img', { src: me.get('href') });
					newimg.set('opacity', 0);
					newimg.inject(fullimg);

					new Element('div', { 'class': 'description', html: me.get('rel') }).inject(fullimg);

					new Fx.Tween(newimg, { property: 'opacity' }).start(1);
				}
			}).start(0);
		});

		document.id('moveleft').addEvent('click', function(e) {
			if(e) e.stop();
			scroller.previous();
		});
		document.id('moveright').addEvent('click', function(e) {
			if(e) e.stop();
			scroller.next();
		});
	
	}


});