window.addEvent('domready', function() {
	var table = $(document.body).getElement('.gallery-thumbs table');
	
	// Add to left & right gallery items
	var tr = table.getElement('tr');
	tr.set('html', tr.get('html') + '<td class="gallery-delimiter"><div>&nbsp;</div></td>' + tr.get('html') + '<td class="gallery-delimiter"><div>&nbsp;</div></td>' + tr.get('html'));
	
	var width = table.getSize().x + 20;
	var width_l = $(document.body).getElement('.gallery-thumbs').getSize().x;
	table.setStyle('left', - (width / 3));
	
	var myFx_left = new Fx.Tween(table, {
		duration: 2500,
		transition: Fx.Transitions.linear,
		onComplete: function() {
			table.setStyle('left', - (width / 3));
			var left = table.getStyle('left').toInt();
			var new_left = 0;
			var razn = -left;
			myFx_left.setOptions({duration: razn*6.7, transition: Fx.Transitions.linear})
			myFx_left.start('left', new_left);
		}
	});
	var myFx_right = new Fx.Tween(table, {
		duration: 2500,
		transition: Fx.Transitions.linear,
		onComplete: function() {
			table.setStyle('left', - (width / 3) - ((width / 3) - width_l));
			var left = table.getStyle('left').toInt();
			var new_left = - width + width_l;
			var razn = width - width_l + left;
			myFx_right.setOptions({duration: razn*6.7, transition: Fx.Transitions.linear});
			myFx_right.start('left', new_left);
		}
	});
	
	$(document.body).getElement('.arrow-left').addEvents({
		'mouseenter': function() {
			var left = table.getStyle('left').toInt();
			var new_left = 0;
			var razn = -left;
			myFx_left.setOptions({duration: razn*6.7, transition: Fx.Transitions.linear})
			myFx_left.start('left', new_left);
		},
		'mouseleave': function() {
			myFx_left.cancel();
		},
		'click': function(e) {
			e.preventDefault();
		}
	});
	$(document.body).getElement('.arrow-right').addEvents({
		'mouseenter': function() {
			var left = table.getStyle('left').toInt();
			var new_left = - width + width_l;
			var razn = width - width_l + left;
			myFx_right.setOptions({duration: razn*6.7, transition: Fx.Transitions.linear});
			myFx_right.start('left', new_left);
		},
		'mouseleave': function() {
			myFx_right.cancel();
		},
		'click': function(e) {
			e.preventDefault();
		}
	});
	
	imageContainer = $('galleryImage');
	gi = imageContainer.getElement('.gi');
	if (gi) {
		imgs = gi.getElements('img');
	
		for (var i = 1; i < imgs.length; i++) {
			imgs[i].setStyles({
				'position': 'absolute',
				'top': 0,
				'left': 0,
				'opacity': 0,
				'visibility': 'hidden'
			});
		}
		
		_fader = new Fader(gi);
		_fader.start();
	}
});