// JavaScript Document

window.addEvent('domready', function() {
	var scrollFx = new Fx.Scroll($('image_thumbnails'));
	var scrollSize = $('image_thumbnails').getScrollSize();
	var elSize = $('image_thumbnails').getSize();
	
	$('handle_lt').addEvent('click', function(ev) {
				var scrolled = $('image_thumbnails').getScroll();
				scrollFx.start(scrolled.x - 60, 0);
				ev.stop();
			});
	
	$('handle_rt').addEvent('click', function(ev) {
				var scrolled = $('image_thumbnails').getScroll();
				if (scrolled.x+elSize.x < scrollSize.x)
					scrollFx.start(scrolled.x + 60, 0);
				else
					scrollFx.toLeft();
				ev.stop();
			});
	
	$$('#image_thumbnails a').each(function(el) {
		el.addEvent('click', function(ev) { 
									  $('image_preview_image').src = this.href;
									  var scrolled = $('image_thumbnails').getScroll();
									  var elWidth = this.getSize().x;
									  scrollFx.start(scrolled.x + elWidth, 0);
									  ev.stop(); });
	});
});