/***************************************************************************************
** configurazioni
***************************************************************************************/
var DELAY		= 10000;	// numero di millisecondi di ritardo per la rotazione tra i box
var FADEIN_BOX	= 500;	// numero di millisecondi per il fadein dei box
var FADEOUT_BOX	= 300;	// numero di millisecondi per il fadeout dei box
var FADEIN_IMG	= 300;	// numero di millisecondi per il fadein dell'immagine centrale
/**************************************************************************************/


$(document).ready(function () {
 
    $('#box_centro > div').eq(0).bgFade('fadeIn', { fadeSpeed: FADEIN_BOX });
    $('#box_centro > div').eq(0).addClass('on');
    imgLoader(i = 0);
    boxLight(i = 1);
});

$(function() {
    $(".menu_selezione_sx,.menu_selezione_dx").hover(
		function () {
			$('#box_centro').stopTime('control');
			current = $('#box_centro').find('div.on').index();
			if (current != $(this).index()){
			//if ($(this) != $('#box_centro').find('div.on')){
				
				$('#box_centro').find('div.on').bgFade('fadeOut',{fadeSpeed: FADEOUT_BOX});
				$('#box_centro').find('div.on').removeClass('on');
			
				$(this).bgFade('fadeIn',{fadeSpeed: FADEIN_BOX});
				$(this).addClass('on');
				
				$('.box_spiega,.box_spiega_dx,#immagine img').hide();	// to make OPERA happy
				imgLoader($(this).index());				// caricamento immagine centrale

				if ($(this).find('span.bg_fade').length > 1)
				    $(this).find('span.bg_fade:eq(0)').remove();
			}
		}, 
		function () {
			/***************************************************************************************
			** per far ripartire la rotazione dell'elemento successivo a quello selezionato
			** decommentare le righe commentate e commentare quella non commentata
			***************************************************************************************/
			restart = $('#box_centro').find('div.on').index();
			boxLight(restart+1);
			//boxLight(0);
			/**************************************************************************************/
		}
	);
	
	/***************************************************************************************
	** per bloccare la rotazione automatica anche a mouseover sull'immagione centrale e i
	** box centrali coi testi scommentare il codice qui sotto
	***************************************************************************************/

    //$("#immagine,.box_spiega").hover(
    $(".box_spiega,.box_spiega_dx").hover(
		function () {
			$('#box_centro').stopTime('control');
		}, 
		function () {
			/**************************************************************************************
			** per far ripartire la rotazione dell'elemento successivo a quello selezionato
			** decommentare le righe commentate e commentare quella non commentata
			***************************************************************************************/
			restart = $('#box_centro').find('div.on').index();
			boxLight(restart+1);
			//boxLight(0);
			/**************************************************************************************/
		}
	);
});

function boxLight(i){
	$('#box_centro').everyTime(DELAY, 'control', function() {
		if(i==4) i=0;
		$(this).find('div.on').bgFade('fadeOut',{fadeSpeed: FADEOUT_BOX});
		$(this).find('div.on').removeClass('on');
		
		$('#box_centro > div').eq(i).bgFade('fadeIn',{fadeSpeed: FADEIN_BOX});
		$('#box_centro > div').eq(i).addClass('on');
		
		$('.box_spiega,.box_spiega_dx,#immagine img').hide();
		
		imgLoader(i);
		
		if($('#box_centro > div').eq(i).find('span.bg_fade').length > 1)
		    $('#box_centro > div').eq(i).find('span.bg_fade:eq(0)').remove();

		i++;
	});
}

function imgLoader(i){
	var img = new Image();
	$(img).load(function() {
		$('#immagine img').eq(i).fadeIn(FADEIN_IMG);
		//$('.spiega_'+i).fadeIn(FADEIN_IMG);	// su IE l'effetto fade sul box contenente i testi renderizza male il font durante il fade
		$('.spiega_'+i).show();					// to make IE happy
	}).error(function(){
		/***************************************************************************************
		** il codice in questo blocco viene mostrato nel caso in cui il caricamento
		** dell'immagine non va a buon fine (in questo caso un'alert)
		***************************************************************************************/
		//alert("Sorry but there was an error");	// l'animazione di loading resta visibile quindi non serve a un cazzo
	}).attr('src',$('#immagine img').eq(i).attr('src'));
}