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

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 AL MUSEO*/
  	var numDivSlideM = $('div#containerAlmuseo > *').length; //numero di DIV da far scorrere
	var s=0;
    //var s = Math.floor(Math.random() * numDivSlideM)
	$('div#itemAlmuseo'+s+'').css("left", 152 );
	
	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", 304 ); //posiziono a destra il div successivo
      	$('div#itemAlmuseo'+s+'').animate( { "left": 152 }, 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": 304 }, 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": 152 }, 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
	
	
  });