var fotoOpacity = 0.4;	// opacity of small picture, range 0-1
var zoomTime = 200;		// duration of zoom in milliseconds
var smallPhoto = 95;	// small picture dimensions in pixels
var largePhoto = 207;	// large picture dimensions in pixels


window.addEvent('load', function() {
	init_homeFotos();
});


function init_homeFotos() {
	if(!$('fotos_home')) return;

	zoomingIn = new Array;
	zoomingOut = new Array;
	
	$$('div#fotos_home a img').each(function(item, index) {
		zoomingIn[index] = false;
		zoomingOut[index] = false;
		
		item.setOpacity(fotoOpacity);
		
		item.addEvents({
			'mouseenter': function() {
				zoomIn(item, index);
			},
			'mouseleave': function() {
				zoomOut(item, index);
			}
		});
	});
}


function zoomIn(foto, index) {
	if (zoomingIn[index] || zoomingOut[index]) return;
	
	var vert_displacement = 0 - ((largePhoto - smallPhoto) / 2)
	var horiz_displacement = 0 - (index * (largePhoto - smallPhoto) / ($$('div#fotos_home a img').length - 1));
	
	var zoomFoto = new Fx.Morph(foto, {
		duration: zoomTime,
		onStart: function() { foto.addClass('large'); zoomingIn[index] = true; },
		onComplete: function() { zoomingIn[index] = false; }
	});
	zoomFoto.start({
		'height': [largePhoto],
		'width': [largePhoto],
		'margin-top': [vert_displacement],
		'margin-left': [horiz_displacement],
		'opacity': [0,4]
	});
}


function zoomOut(foto, index) {
	if (zoomingOut[index]) return;
	
	var zoomFoto = new Fx.Morph(foto, {
		duration: zoomTime,
		onStart: function() { zoomingOut[index] = true; },
		onComplete: function() { foto.removeClass('large'); zoomingOut[index] = false; }
	});
	zoomFoto.start({
		'height': [smallPhoto],
		'width': [smallPhoto],
		'margin-top': [0],
		'margin-left': [0],
		'opacity': [fotoOpacity]
	});
}