//document.observe("dom:loaded", function() {
Event.observe(window, 'load', function() {
	  alignLayer();
	  slide.init();
	});

	function alignLayer(){
		var tofix = $$('.fixedHeight');
		var topHeight=0;
		
		for (var i=0;i<tofix.length;i++){
			if (tofix[i].getHeight()>topHeight) topHeight = tofix[i].getHeight()
		}
		for (i=0;i<tofix.length;i++){
			heightDiff = topHeight-tofix[i].getHeight();
			if(heightDiff!=0){
				elementi_ingombro = tofix[i].getElementsByClassName('minipaddbox');
				numero_space = elementi_ingombro.length;
				new_ingombro = heightDiff/numero_space;
				for (j=0;j<elementi_ingombro.length;j++){
					elementi_ingombro[j].style.paddingTop=new_ingombro-1+'px';			
				}
			}
			
			
		}
		
		//fase2
		
		var tofix = $$('.fixedHeight2');
		var topHeight=0;
		
		for (var i=0;i<tofix.length;i++){
			if (tofix[i].getHeight()>topHeight) topHeight = tofix[i].getHeight()	
				
		}
		for (i=0;i<tofix.length;i++){
			heightDiff = topHeight-tofix[i].getHeight();
			if(heightDiff!=0){
				elementi_ingombro = tofix[i].getElementsByClassName('minipaddbox');
				numero_space = elementi_ingombro.length;
				new_ingombro = heightDiff/numero_space;
				for (j=0;j<elementi_ingombro.length;j++){
					elementi_ingombro[j].style.paddingTop=new_ingombro-1+'px';			
				}
			}
			
			
		}
		
	}
var slide = {
 	init : function(){
 		if($$('.boxMultiContenit')!=''){
			this.margine_layer = 8;
			this.time = 0;
			this.delay = 3000;
			this.slide = $$('.boxMultiContenit')[0];
			this.scrolling = this.slide.getElementsByClassName('scroll')[0];
			var boxes = this.scrolling.getElementsByClassName('boxMulti');
			
			this.automatic_slide = true;
			
			if(this.automatic_slide == true ){
				var firstLayer = boxes[0].clone(true);
				var secondLayer = boxes[1].clone(true);
				var thirdLayer = boxes[2].clone(true);
				boxes[boxes.length-1].insert({'after':firstLayer});
				boxes = this.scrolling.getElementsByClassName('boxMulti');
				boxes[boxes.length-1].insert({'after':secondLayer});
				boxes = this.scrolling.getElementsByClassName('boxMulti');
				boxes[boxes.length-1].insert({'after':thirdLayer});
				boxes = this.scrolling.getElementsByClassName('boxMulti');
			}
			
			
			this.grandezzaTot = 0;
			for (var i=0;i<boxes.length;i++){
				this.grandezzaLay = boxes[i].getWidth();
				this.grandezzaTot += boxes[i].getWidth();
				this.grandezzaTot += this.margine_layer;
			}
			this.drag = true;
			this.scrolling.setStyle({width:this.grandezzaTot+'px'});
			this.slide.setStyle({overflow:'hidden'});
			
			
			if(this.automatic_slide == true ) this.timeSlide();
		}
	},
	moveSlide : function(direction,who){
		move='';
		if(who!='bot') slide.stopTimeSlide();
		
		if(direction=='right'){
			var nextStep = this.scrolling.style.left.replace('px','')-parseInt(3*(this.grandezzaLay+this.margine_layer));
			nextStep = 0-nextStep;
			if(nextStep<this.grandezzaTot)	move='-'+parseInt(this.grandezzaLay+this.margine_layer);
		}
		else{
			if(this.scrolling.style.left!='' && this.scrolling.style.left!='0px' ){
				move='+'+parseInt(this.grandezzaLay+this.margine_layer);
			}
		}
		
		
		
		if (move!='' && this.drag == true){
			this.drag = false;
			new Effect.Move(
				this.scrolling,{
				x:move,
				y:0,
				mode:'relative',
				duration:0.8,
				transition:Effect.Transitions.sinoidal,
				  afterFinishInternal: function() {
					slide.drag = true;
					slide.delay = 3000;
					slide.timeSlide();
					
				  }
				}
			)	
		}
		else if (this.automatic_slide==true && move=='' && who=='bot'){
			this.scrolling.style.left='0px';
			slide.drag = true;
			slide.delay = 0;
			slide.timeSlide();
		}
	},
	timeSlide : function(){	
		if (this.automatic_slide==true && slide.drag == true) this.time = setTimeout('slide.moveSlide(\'right\',\'bot\')',this.delay);
	},
	stopTimeSlide : function(){
		clearTimeout(this.time);	
	}
}