var MAG = Object.extend({}, MAG || {});

Event.observe(window, 'load', function()
{
	if($$('.gallery'))
	{
		$$('.gallery').each(function(gallery)
		{
			var gallery_id = gallery.select('.gallery_images').first().identify();

			Event.observe(gallery.select('a.gallery_to_left').first(), 'click', function(){
				MAG.Filmstrip.scrollLeft(gallery_id);
			})

			Event.observe(gallery.select('a.gallery_to_right').first(), 'click', function(){
				MAG.Filmstrip.scrollRight(gallery_id);
			})
		})
	}
});

MAG.Filmstrip = {
	Init: function(options)
	{
		this.options = {};
		Object.extend(this.options, options || {});
	},

	scrollLeft: function(container) {
			if ($(container).offsetLeft + 212 < 106) {
				new Effect.Move(container, {x: 212, y: 0, transition: Effect.Transitions.sinoidal});
			}
	},

	scrollRight: function(container) {
			if ((($$('ul#' + container + ' li').length - 4) * 106) >= -($(container).offsetLeft - 106)) {
				new Effect.Move(container, {x: -212, y: 0, transition: Effect.Transitions.sinoidal});
			}
	},

	showBFT: function(container, src) {
		try {
			$(container).src = src.toString().replace(/thumb_/, 'thumb_big_');
		} catch (e) {

		}
	}
}