/****************************************************************************

Copyright (c) 2009, Museo della Scienza e della Tecnologia Leonardo da Vinci. 
All rights reserved.
Jquery: home.js
Site: museoscienza.org
Versione: 0.1

*****************************************************************************/

$(document).ready(function(){
  
  	/*DIV SLIDE ON LINE*/
  	var numDivSlide = $('div#containerOnline > *').length; //numero di DIV da far scorrere
    //var n = Math.floor(Math.random() * numDivSlide);
	var n = 0;
	$('div#itemOnline'+n+'').css("left", 270 );
	function moveR(){
		$('div#clickOnlineR').unbind('click',moveR); //rimuovi il listener sul click per evitare errori con click ravvicinati
		$('div#itemOnline'+n+'').animate( { "left": 0 }, 500);//faccio uscire sulla sinistra il DIV in primo piano
		if (++n>=numDivSlide) n=0; //incremento il contatore
		$('div#itemOnline'+n+'').css("left", 540 ); //posiziono a destra il div successivo
      	$('div#itemOnline'+n+'').animate( { "left": 270 }, 500 , function(){ //faccio entrare il DIV successivo
			$('div#clickOnlineR').bind('click',moveR); //riattivo il listener sul click 
		})
	}
	function moveL(){
		$('div#clickOnlineL').unbind('click',moveL); //rimuovi il listener sul click per evitare errori con click ravvicinati
		$('div#itemOnline'+n+'').animate( { "left": 540 }, 500);//faccio uscire sulla destra il DIV in primo piano
		if (--n<0) n=numDivSlide-1; //incremento il contatore
		$('div#itemOnline'+n+'').css("left", 0 ); //posiziono a sinistra il div successivo
      	$('div#itemOnline'+n+'').animate( { "left": 270 }, 500 , function(){ //faccio entrare il DIV successivo
			$('div#clickOnlineL').bind('click',moveL); //riattivo il listener sul click 
		})
	}
	$('div#clickOnlineR').css("cursor", "pointer");
	$('div#clickOnlineR').bind('click',moveR);// attivo il listener sul click
	$('div#clickOnlineL').css("cursor", "pointer");
	$('div#clickOnlineL').bind('click',moveL);// attivo il listener sul click
	
	/*DIV SLIDE AL MUSEO*/
  	var numDivSlideM = $('div#containerAlmuseo > *').length; //numero di DIV da far scorrere
    //var s = Math.floor(Math.random() * numDivSlideM)
	var s = 0;
	$('div#itemAlmuseo'+s+'').css("left", 270 );
	function move2R(){
		$('div#clickAlmuseoR').unbind('click',move2R); //rimuovi il listener sul click per evitare errori con click ravvicinati
		$('div#itemAlmuseo'+s+'').animate( { "left": 0 }, 500);//faccio uscire sulla sinistra il DIV in primo piano
		if (++s>=numDivSlideM) s=0; //incremento il contatore
		$('div#itemAlmuseo'+s+'').css("left", 540 ); //posiziono a destra il div successivo
      	$('div#itemAlmuseo'+s+'').animate( { "left": 270 }, 500 , function(){ //faccio entrare il DIV successivo
			$('div#clickAlmuseoR').bind('click',move2R); //riattivo il listener sul click 
		})
	}
	function move2L(){
		$('div#clickAlmuseoL').unbind('click',move2L); //rimuovi il listener sul click per evitare errori con click ravvicinati
		$('div#itemAlmuseo'+s+'').animate( { "left": 540 }, 500);//faccio uscire sulla destra il DIV in primo piano
		if (--s<0) s=numDivSlideM-1; //incremento il contatore
		$('div#itemAlmuseo'+s+'').css("left", 0 ); //posiziono a sinistra il div successivo
      	$('div#itemAlmuseo'+s+'').animate( { "left": 270 }, 500 , function(){ //faccio entrare il DIV successivo
			$('div#clickAlmuseoL').bind('click',move2L); //riattivo il listener sul click 
		})
	}
	$('div#clickAlmuseoL').css("cursor", "pointer");
	$('div#clickAlmuseoL').bind('click',move2L);// attivo il listener sul click
	$('div#clickAlmuseoR').css("cursor", "pointer");
	$('div#clickAlmuseoR').bind('click',move2R);// attivo il listener sul click
	
	/*DIV FADE*/
	var numDivFade = $('div#news > *').length; //numero di DIV da far scorrere
	var m = 0; 
	
	/* Attivo i pulsanti della prima news */
	$('div#forwardNews'+m+'').bind('click', rotateButton);
	$('div#backwardNews'+m+'').bind('click', unrotateButton);
	var changing = 0;
	var tempFade;
	function rotate(){
	
		/* Disattivo i pulsanti della news che sta scomparendo */
		$('div#forwardNews'+m+'').unbind('click', rotateButton); 
		$('div#backwardNews'+m+'').unbind('click', unrotateButton);
		changing=1;
		$('div#news'+m+'').fadeOut(500, function(){ //fadeOut DIV in primo piano
			if (++m >= numDivFade) m=0; //incremento il contatore
			$('div#news'+m+'').fadeIn(500); //fadeIn DIV successivo
			
			/* Attivo i pulsanti della news che sta apparendo */
			$('div#forwardNews'+m+'').bind('click', rotateButton);
			$('div#backwardNews'+m+'').bind('click', unrotateButton);
			changing = 0;
		});
	}
	function rotateButton(){
		/* Ricarico la pausa "Out" */
		var src = $('div#pauseNews'+m+' img').attr("src").replace("Over", "");
		$('div#pauseNews'+m+' img').attr("src", src); 
		
		/* Disattivo i pulsanti della news che sta scomparendo */
		$('div#forwardNews'+m+'').unbind('click', rotateButton);
		$('div#backwardNews'+m+'').unbind('click', unrotateButton);
		changing=1;
		$('div#news'+m+'').fadeOut(500, function(){ //fadeOut DIV in primo piano
			if (++m >= numDivFade) m=0; //incremento il contatore
			$('div#news'+m+'').fadeIn(500); //fadeIn DIV successivo
			
			/* carico la pausa "over" della nuova news perchè presumo che l'utente sia ancora MouseOver
			var src = $('div#pauseNews'+m+' img').attr("src").match(/[^\.]+/)+"Over.gif";
			$('div#pauseNews'+m+' img').attr("src", src); */
			/* Attivo i pulsanti della news che sta apparendo */
			$('div#forwardNews'+m+'').bind('click', rotateButton);
			$('div#backwardNews'+m+'').bind('click', unrotateButton);
			changing = 0;
		});
	}
	function unrotateButton(){
		/* Ricarico la pausa "Out" */
		var src = $('div#pauseNews'+m+' img').attr("src").replace("Over", "");
		$('div#pauseNews'+m+' img').attr("src", src); 
		
		/* Disattivo i pulsanti della news che sta scomparendo */
		$('div#forwardNews'+m+'').unbind('click', rotateButton);
		$('div#backwardNews'+m+'').unbind('click', unrotateButton);
		changing=1;
		$('div#news'+m+'').fadeOut(500, function(){ //fadeOut DIV in primo piano
			if (--m < 0) m=numDivFade-1; //incremento il contatore
			$('div#news'+m+'').fadeIn(500); //fadeIn DIV successivo
			
			/* carico la pausa "over" della nuova news perchè presumo che l'utente sia ancora MouseOver
			var src = $('div#pauseNews'+m+' img').attr("src").match(/[^\.]+/)+"Over.gif";
			$('div#pauseNews'+m+' img').attr("src", src); */
			
			/* Attivo i pulsanti della news che sta apparendo */
			$('div#forwardNews'+m+'').bind('click', rotateButton);
			$('div#backwardNews'+m+'').bind('click', unrotateButton);
			changing = 0;
		});
	}
	function mouseenterFunc(){
		$('div#diverror').append("<span>++++++Enter <br/></span>");
		clearInterval(id_timer); //stoppo l'interval
		if(!changing) {
			var src = $('div#pauseNews'+m+' img').attr("src").match(/[^\.]+/)+"Over.gif";
			$('div#pauseNews'+m+' img').attr("src", src); 
		}
		else { // se il DIV è in fadeOut
			tempFade=m+1;
			var src = $('div#pauseNews'+tempFade+' img').attr("src").match(/[^\.]+/)+"Over.gif";
			$('div#pauseNews'+tempFade+' img').attr("src", src); 
		}
	}
	function mouseleaveFunc(){
		$('div#diverror').append("<span>----Leave <br/></span>");
		clearInterval(id_timer); //stoppo l'interval
		id_timer = setInterval(rotate,6000); // risetto l'interval
		if(!changing) {
			var src = $('div#pauseNews'+m+' img').attr("src").replace("Over", "");
			$('div#pauseNews'+m+' img').attr("src", src); 
		}
		else { // se il DIV è in fadeOut 
			
		}
	}
	if(numDivFade > 1) {
		id_timer = setInterval(rotate,6000); //setto l'interval per far ruotare i DIV
		$('div#news').bind('mouseenter',mouseenterFunc);
		$('div#news').bind('mouseleave',mouseleaveFunc);
	}
  });