// JavaScript Document
	 
tTransition=1800;
tPause=7000;
tDidascalia = 800;
didascaliaEasing = "easeOutQuart";


	// funzione init 	
	function start(){ 
	   	
		centerImg()
	   
		if(!$('.photoSlider .photoWrapper .photoContainer').is(".active")){
	    		$(".photoSlider .photoWrapper .photoContainer:first-child").addClass("active")
		  }
			 		
		 $(".photoSlider .photoWrapper .photoContainer.active").fadeIn(tTransition, function(){
																				$(this).find('.didascalia').slideDown(tDidascalia, didascaliaEasing);
																			});
				makeInterval()
		 };
	
	
	// Centratura immagini
	function centerImg(){
				$('.photoSlider .photoWrapper .photoContainer').each(function(){
					
					var photoContainerWidth = $(this).width();
					var photoContainerHeigth = $(this).height();
					
					// Rilevo le misure
					var photoWidth = $(this).find('img').width();
					var photoHeight = $(this).find('img').height();
					
					// Centro le foto
					if(parseInt(photoWidth) > parseInt(photoHeight)){
						// Se orizzontale
						var marginTop = parseInt(photoHeight/2);
						$(this).find('img').css('top', '50%');
						$(this).find('img').css('margin-top',  (-1*marginTop) + 'px');
						
						if(photoWidth<photoContainerWidth){
							var differenza = photoContainerWidth-photoWidth;
							var leftPos = parseInt(differenza/2);
							var marginLeft =  parseInt(photoWidth/2);
							
							$(this).find('img').css('margin-left',  (leftPos) + 'px');
						}
						
					} else {
						// Se verticale
						var marginLeft = parseInt(photoWidth/2);
						$(this).find('img').css('left', '50%');
						$(this).find('img').css('margin-left', (-1*marginLeft) + 'px');
					}
					
					// Ridimensiono e posiziono le didascalie in base alla foto
					var leftPos = parseInt((photoContainerWidth-photoWidth)/2);
					var bottomPos = parseInt((photoContainerHeigth-photoHeight)/2);
					
					$(this).find('.didascalia').css({'width': photoWidth + 'px', 'left': leftPos , 'bottom': bottomPos});

										
					// Nascondo il container e mostro la foto
					$(this).css('display', 'none').find('img').show();
					
				});
				
				
			}
	
	
	
	// NextSlider 	
	function nextSlide(){	
		if($(".photoSlider .photoWrapper .photoContainer.active").is(":last-child")){
		    	$(".photoSlider .photoWrapper .photoContainer.active").removeClass("active").fadeOut(tTransition, function(){
																				$(this).find('.didascalia').css('display', 'none');
																			});
				$(".photoSlider .photoWrapper .photoContainer:first-child").addClass("active").fadeIn(tTransition, function(){
																				$(this).find('.didascalia').slideDown(tDidascalia, didascaliaEasing);
																			});
				clearInterval(intervalPhoto);
				makeInterval()
			}else{
				$(".photoSlider .photoWrapper .photoContainer.active").fadeOut(tTransition, function(){
																							$(this).find('.didascalia').css('display', 'none');
																							 }).removeClass("active").next(".photoContainer").addClass("active");
				
				$(".photoSlider .photoWrapper .photoContainer.active").fadeIn(tTransition, function(){
																				$(this).find('.didascalia').slideDown(tDidascalia, didascaliaEasing);
																			});
				clearInterval(intervalPhoto);
				makeInterval()
			}
		};
		
	
	// PrevSlider 	
	function prevSlide(){	
		if($(".photoSlider .photoWrapper .photoContainer.active").is(":first-child")){
		    	$(".photoSlider .photoWrapper .photoContainer.active").removeClass("active").fadeOut(tTransition, function(){
																							$(this).find('.didascalia').css('display', 'none');
																							});
				
				$(".photoSlider .photoWrapper .photoContainer:last-child").addClass("active").fadeIn(tTransition, function(){
																				$(this).find('.didascalia').slideDown(tDidascalia, didascaliaEasing);
																			});
				clearInterval(intervalPhoto);
				makeInterval()
			}else{
				$(".photoSlider .photoWrapper .photoContainer.active").fadeOut(tTransition, function(){
																				$(this).find('.didascalia').css('display', 'none');
																				}).removeClass("active").prev(".photoContainer").addClass("active");
				
				$(".photoSlider .photoWrapper .photoContainer.active").fadeIn(tTransition, function(){
																				$(this).find('.didascalia').slideDown(tDidascalia , didascaliaEasing);
																			});
				clearInterval(intervalPhoto);
				makeInterval()
			}
		};
		
	
    // Avvio l'intevallo
	function makeInterval(){
			intervalPhoto = setInterval("nextSlide()", tPause);
		}






 // init photoSlider
 $(window).load(function() {
							 
	  // Init
	  start();
	  
	  // Next
	  $('.photoSlider .btnRight').click(function(){
			clearInterval(intervalPhoto);
			nextSlide();
		});
	 
	  // Next
	  $('.photoSlider .btnLeft').click(function(){
			clearInterval(intervalPhoto);
			prevSlide();
		});
	  
	  
	  
  });