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

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

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

$(document).ready(function(){
	
	  	/*DIV SLIDE ON LINE*/
  	var numDivSlide = $('div#containerOnline > *').length; //numero di DIV da far scorrere
    var n = 0;
	$('div#itemOnline'+n+'').css("left", 420 );

	id_timer = setInterval(moveR,5000); //setto l'interval per far ruotare i DIV
	
	
	
	function moveR(){
		clearInterval(id_timer); //stoppo l'interval
		id_timer = setInterval(moveR,5000); // risetto l'interval
		
		$('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", 840 ); //posiziono a destra il div successivo
      	$('div#itemOnline'+n+'').animate( { "left": 420 }, 500 , function(){ //faccio entrare il DIV successivo
			$('div#clickOnlineR').bind('click',moveR); //riattivo il listener sul click 
		})
	}
	function moveL(){
		clearInterval(id_timer); //stoppo l'interval
		id_timer = setInterval(moveR,5000); // risetto l'interval
		
		$('div#clickOnlineL').unbind('click',moveL); //rimuovi il listener sul click per evitare errori con click ravvicinati
		$('div#itemOnline'+n+'').animate( { "left": 840 }, 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": 420 }, 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 FADE*/
	/*var numDivSlide = $('div#containerOnline > *').length; //numero di DIV da far scorrere
	var n = 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
			
			
			// 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
			
			
			
			// 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);
	}
	*/
	
	
	
	
	
	
	
  

	
  });