// JavaScript Document

var step = 120;
var posX;
var galScrollMouse;
var galScroll;
var inLar = 0;

window.addEvent('load', function() {
	
	inLar = 0;

	$$('#gallery-foto div.gal_el').each(function(el) {
			inLar += el.getCoordinates().width;	
			inLar += parseInt(el.getStyle('margin-left')) + parseInt(el.getStyle('margin-right'));	
			inLar += parseInt(el.getStyle('padding-left')) + parseInt(el.getStyle('padding-right'));	
			inLar += parseInt(el.getStyle('border-left-width')) + parseInt(el.getStyle('border-right-width'));	
			//alert("2: "+inLar);
		});
	
	$('gal-in').setStyle('width', inLar+'px');
	
	outLar = $('gal-out').getCoordinates().width;
	
	if (inLar > outLar) {
		
		//Posizione iniziale
		posX = 0;
		
		//Scorrimento con frecce
		galScroll = new Fx.Scroll('gal-out' , {
				link: 'cancel',
				duration: 1000,
				transition: Fx.Transitions.Quad.easeOut
			});
		
		// Eventi che fanno scorrere la galleria
		$('gal_frDx').addEvent('click', function(e) {
						e.stop();
						posX +=step;
						if (posX > (inLar - outLar))
							posX = inLar - outLar;
						galScroll.start(posX,0);
				   });

		$('gal_frSx').addEvent('click', function(e) {
				e.stop();
				posX -=step;
				if (posX < 0)
					posX = 0;
				galScroll.start(posX,0);
		   });
		$('gal_frSx').setStyle('display', 'block');
		$('gal_frDx').setStyle('display', 'block');
		
		galScroll.start(posX, 0);
	}
	
	$("gallery-foto").fade("hide");
	$("gallery-foto").fade("in");
});