// JavaScript Document
window.addEvent('domready', function(){
	$('sliderBucket_back_1').setStyle('opacity','0.16');
	$('sliderBucket_back_2').setStyle('opacity','0.16');
	$('menu_anchor_back_1').setStyle('opacity','0');
	$('menu_anchor_back_2').setStyle('opacity','0');
	makeSlider();
});	

function laltro(num) {
	if(num == 0) return 1;
	else return 0;
}

function makeSlider(){
	downSliderBool = new Array(false, false);
	mouseoverSlideOpener = new Array(false, false); // true se il mouse sta sopra lo SlideOpener0, lo slideOpener1
	workingSliderBool = new Array(false, false);

//	$('log1').setHTML('WORKING: ' + workingSliderBool[0] + ', ' + workingSliderBool[1]);
//	$('log2').setHTML('DOWN: ' + downSliderBool[0] + ', ' + downSliderBool[1]);
	
	this.sliders = $$('div#menu_sopra div.sliderBucket').map(function(div){
		return new Fx.Slide(div, { mode: 'vertical' }).hide();
	});

	$$('div#menu_sotto a').each(
		function(lnk, lnkIndex) {
			lnk.addEvent('mouseover', function(){
											   
			if(workingSliderBool[0] == false && workingSliderBool[1] == false) {
				workingSliderBool[0] = true;
				workingSliderBool[1] = true;
				
				this.sliders.each(function(slider, sliderIndex){
					this.sliders[sliderIndex].slideOut().chain(function(){
						downSliderBool[sliderIndex] = false;
				//		$('log2').setHTML('DOWN: ' + downSliderBool[0] + ', ' + downSliderBool[1]);
						$('menu_anchor_back_' + (sliderIndex+1)).setStyle('opacity',(mouseoverSlideOpener[sliderIndex] == true)?0.16:0);
						workingSliderBool[0] = false;
						workingSliderBool[1] = false;
					});
				}, this);
			}
		}.bind(this)); 
	}, this); 

	$$('div#menu_sopra a.slideOpener').each(function(lnk, index){

		lnk.addEvent('mouseover', function(){
			mouseoverSlideOpener[index] = true;
			$('menu_anchor_back_' + (index+1)).setStyle('opacity','0.16');
//			$('log1').setHTML('MOUSEOVER: ' + mouseoverSlideOpener[0] + ', ' + mouseoverSlideOpener[1]);
		}.bind(this));
		
		lnk.addEvent('mouseout', function(){
			mouseoverSlideOpener[index] = false;
//			$('log1').setHTML('MOUSEOVER: ' + mouseoverSlideOpener[0] + ', ' + mouseoverSlideOpener[1]);

			// se sta lavorando o è abbassato lo slider corrispondente, viene inibita la gestione del mouseout 
			if(!(downSliderBool[index] == true || workingSliderBool[index] == true)) { 
				$('menu_anchor_back_' + (index+1)).setStyle('opacity','0');
			}
		}.bind(this));


		lnk.addEvent('click', function(){

			if(workingSliderBool[0] == false && workingSliderBool[1] == false) {
				workingSliderBool[0] = true;
				workingSliderBool[1] = true;

//				$('log1').setHTML('WORKING: ' + workingSliderBool[0] + ', ' + workingSliderBool[1]);
//				$('log2').setHTML('DOWN: ' + downSliderBool[0] + ', ' + downSliderBool[1]);
				
				this.sliders.each(function(slider, sliderIndex){ // passa in rassegna tutti gli sliderIndex, tenendo fisso l'index
										   
					if(sliderIndex == index) { // queste operazioni vengono effettuate AD OGNI CLICK, sullo slider che sta sotto il link cliccato

						this.sliders[sliderIndex].toggle().chain(function() {
							downSliderBool[sliderIndex] = !downSliderBool[sliderIndex];
							if(downSliderBool[sliderIndex] == false) {
								$('menu_anchor_back_' + (sliderIndex+1)).setStyle('opacity',(mouseoverSlideOpener[sliderIndex] == true)?0.16:0);
							}
							workingSliderBool[sliderIndex] = false;
							
//							$('log1').setHTML('WORKING: ' + workingSliderBool[0] + ', ' + workingSliderBool[1]);
//							$('log2').setHTML('DOWN: ' + downSliderBool[0] + ', ' + downSliderBool[1]);
						});
					} else { // queste operazioni vengono effettuate AD OGNI CLICK, sullo slider che NON sta sotto il link cliccato
						if(downSliderBool[sliderIndex] == true) {
							this.sliders[sliderIndex].slideOut().chain(function(){
								downSliderBool[sliderIndex] = false;
								$('menu_anchor_back_' + (sliderIndex+1)).setStyle('opacity',(mouseoverSlideOpener[sliderIndex] == true)?0.16:0);
								
//								$('log1').setHTML('WORKING: ' + workingSliderBool[0] + ', ' + workingSliderBool[1]);
//								$('log2').setHTML('DOWN: ' + downSliderBool[0] + ', ' + downSliderBool[1]);
							});
						}
						workingSliderBool[sliderIndex] = false;
					}
					
				}, this);
				
		 	} // chiuso IF

		}.bind(this));
 
	}, this); 

} // chiusa funzione makeSlider()