window.addEvent('domready', function(){
//---------------Quadri----------------------
var FxQuadri= new Fx.Morph($('Slider'),{link: 'chain', transition: Fx.Transitions.Back.easeOut});
var grandezza=505+20;
var step=0;
if(step==0) $('Freccia-sx').setStyle('opacity',0.2);
var max=$('Slider').getElements('.cfoto').length;
$('Freccia-dx').addEvent('click', function(e){
	new Event(e).stop();
	if(step+1<max){
		step++;
		$('Freccia-sx').setStyle('opacity',1);
		FxQuadri.start({'left':-grandezza*step});
	}
	if(step+1==max) $('Freccia-dx').setStyle('opacity',0.2);
});

$('Freccia-sx').addEvent('click', function(e){
	new Event(e).stop();
	if(step-1>=0){
		step--;
		$('Freccia-dx').setStyle('opacity',1);
		FxQuadri.start({'left':-grandezza*step});
	}
	if(step==0) $('Freccia-sx').setStyle('opacity',0.2);
});
$$('#Slider .cfoto .dida').each(function(item){
	//alert(item.offsetLeft);
	var myValues = item.getCoordinates(item.getParent());
	item.setStyles({
		'position':'absolute',
		'margin-top':0,
		'z-index': 2
	});
	item.setStyles(myValues);
	var desc=$(item.get('text'));
	desc.inject(item.getParent());
	desc.setStyles({
		'position':'absolute',
		'display':'block',
		'overflow':'hidden',
		'opacity':0,
		'background-color': 'white',
		'width':myValues.width,
		'height': myValues.height,
		'right': 505-item.offsetLeft-myValues.width,
		'bottom': 345-item.offsetTop-myValues.height
	});
	var FxDesc= new Fx.Morph(desc,{link: 'cancel', duration: 750});
	item.addEvent('click',function(){
		if(desc.getStyle('opacity')==0){
			FxDesc.start({'width': 300, 'height': 300, 'opacity': 0.85});
			item.addClass('minus');
		}else{
			FxDesc.start({'width': myValues.width, 'height': myValues.height, 'opacity': 0});
			item.removeClass('minus');
		}
	});
});
$$('#Slider .cfoto a').each(function(item){
	item.addEvent('click',function(e){
		new Event(e).stop();
		var desc=item.getParent().getElement('.desc-quadro');
		var dida=item.getParent().getElement('.dida');
		var FxDesc= new Fx.Morph(desc,{link: 'cancel', duration: 750});
		if(desc.getStyle('opacity')==0){
			FxDesc.start({'width': 300, 'height': 300, 'opacity': 0.85});
			dida.addClass('minus');
		}else{
			FxDesc.start({'width': 27, 'height': 26, 'opacity': 0});	
			dida.removeClass('minus');
		}
	});
});
//---------------------Spalla testi---------------
	var duration=500;
	var fps=60;
	var FxContent= new Fx.Morph($('Content'),{link: 'cancel',duration: duration, fps: fps});
	var sizeContattiChiuso=33;
	var sizeEventiChiuso=33;
	var sizeArtistaChiuso=123;
	var hMax=656;
	
	var FxArtista= new Fx.Morph($('Artista'),{link: 'cancel',duration: duration, fps: fps});
	var sizeArtista=$('Artista').getSize();
	$('Artista').setStyles({
		'height':sizeArtistaChiuso,
		'overflow': 'hidden'
	});
	var FxContatti= new Fx.Morph($('Contatti'),{link: 'cancel',duration: duration, fps: fps});
	var sizeContatti=$('Contatti').getSize();
	$('Contatti').setStyles({
		'height':sizeContattiChiuso,
		'overflow': 'hidden'
	});
	var FxEventi= new Fx.Morph($('Eventi'),{link: 'cancel',duration: duration, fps: fps});
	var sizeEventi=$('Eventi').getSize();
	$('Eventi').setStyles({
		'height':sizeEventiChiuso,
		'overflow': 'hidden'
	});
	
	$('Artista').addEvent('click',function(){
		if($('Contatti').getStyle('height').toInt()!=sizeContattiChiuso){
			FxContatti.start({'height':sizeContattiChiuso});
			$('Contatti').removeClass('open');
		}
		if($('Eventi').getStyle('height').toInt()!=sizeEventiChiuso){
			FxEventi.start({'height':sizeEventiChiuso});
			$('Eventi').removeClass('open');
		}
		if(!$('Artista').hasClass('open')){
			$('Artista').addClass('open');
			if(sizeArtista.y>hMax-sizeEventiChiuso-sizeContattiChiuso){
				FxContent.start({'margin-top':-hMax/2});
				FxArtista.start({'height':hMax-sizeEventiChiuso-sizeContattiChiuso});
			}else{
				FxContent.start({'margin-top':-(sizeArtista.y+sizeEventiChiuso+sizeContattiChiuso)/2});
				FxArtista.start({'height':sizeArtista.y});			
			}
		}else{
			$('Artista').removeClass('open');
			FxContent.start({'margin-top':-(sizeArtistaChiuso+sizeEventiChiuso+sizeContattiChiuso)/2});
			FxArtista.start({'height':sizeArtistaChiuso});			
		}
	});
	
	
	$('Contatti').addEvent('click',function(){
		if($('Artista').getStyle('height').toInt()!=sizeArtistaChiuso){
			FxArtista.start({'height':sizeArtistaChiuso});
			$('Artista').removeClass('open');
		}
		if($('Eventi').getStyle('height').toInt()!=sizeEventiChiuso){
			FxEventi.start({'height':sizeEventiChiuso});
			$('Eventi').removeClass('open');
		}
		if(!$('Contatti').hasClass('open')){
			$('Contatti').addClass('open');
			if(sizeContatti.y>hMax-sizeEventiChiuso-sizeArtistaChiuso){
				FxContent.start({'margin-top':-hMax/2});
				FxContatti.start({'height':hMax-sizeEventiChiuso-sizeArtistaChiuso});
			}else{
				FxContent.start({'margin-top':-(sizeContatti.y+sizeEventiChiuso+sizeArtistaChiuso)/2});
				FxContatti.start({'height':sizeContatti.y});
			}
		}else{
			$('Contatti').removeClass('open');
			FxContent.start({'margin-top':-(sizeContattiChiuso+sizeEventiChiuso+sizeArtistaChiuso)/2});
			FxContatti.start({'height':sizeContattiChiuso});
		}
	});
		
	$('Eventi').addEvent('click',function(){
		if($('Artista').getStyle('height').toInt()!=sizeArtistaChiuso){
			FxArtista.start({'height':sizeArtistaChiuso});
			$('Artista').removeClass('open');
		}
		if($('Contatti').getStyle('height').toInt()!=sizeContattiChiuso){
			FxContatti.start({'height':sizeContattiChiuso});	
			$('Contatti').removeClass('open');
		}
		if(!$('Eventi').hasClass('open')){
			$('Eventi').addClass('open');
			if(sizeEventi.y>hMax-sizeContattiChiuso-sizeArtistaChiuso){
				FxContent.start({'margin-top':-hMax/2});
				FxEventi.start({'height':hMax-sizeContattiChiuso-sizeArtistaChiuso});
			}else{
				FxContent.start({'margin-top':-(sizeEventi.y+sizeContattiChiuso+sizeArtistaChiuso)/2});
				FxEventi.start({'height':sizeEventi.y});
			}
		}else{
			$('Eventi').removeClass('open');
			FxContent.start({'margin-top':-(sizeContattiChiuso+sizeEventiChiuso+sizeArtistaChiuso)/2});
			FxEventi.start({'height':sizeEventiChiuso});
		}
	});	
	
	var sizeChiuso=$('Content').getSize();
	$('Content').setStyles({
		'top': '50%',
		'margin-top': -sizeChiuso.y/2
	});
});