// CONFIGURATION DE LA VITESSE AUTO ======================================================
var transition_delay = 7000; // en mode defilement auto : temps en millisecondes pour passer d'1 image a la suivante.
var transition_time = 2000; // en mode defilement auto : temps en millisecondes pour qu'1 image se deroule sur toute sa hauteur. Doit etre inferieur a transition_delay !! Inutilise sinon.


$(document).ready(function(){

	// Selection de l'onglet numero 'i', a la vitesse 'speed' ===========================================
	function selectOnglet (i, speed) 
	{
		if	( (speed==undefined)||(speed > transition_delay) )
			speed = transition_delay/2;
			
		var nvOnglet = $('#bloc_news ul.titles li:eq('+i+')');
		var nvImage = $('#bloc_news ul.images li:eq('+i+')');
		
		// Verification : on n'agit que si l'onglet n'est pas deja selectionne
		if ( ! nvOnglet.hasClass('selected') ||
			 ! nvImage.hasClass('selected') )
		{	
			oldImage=$('#bloc_news ul.images li.selected');
			onglets=$('#bloc_news ul.titles li');
			images=$('#bloc_news ul.images li');
			
			images.removeClass('selected');
			onglets.removeClass('selected');
			nvOnglet.addClass('selected');
			nvImage.addClass('selected');

			if ( oldImage.length != 1 )
			{	//peut arriver après chargement de la page
				//alert('pas d img selectionnee');
				images.animate({'height': '0','opacity':'0'},speed, function(){});
				nvImage.animate({'height': '100%','opacity':'1'},speed, function(){});
			}
			else
			{	//alert('nvImage et oldImage existent');
				// oldImage.css({'height':'0'});
				// nvImage.css({'height':'100%'});
				oldImage.animate({'height': '0','opacity':'0'},speed, function(){});
				nvImage.animate({'height': '100%','opacity':'1'},speed, function(){});
			}
		}
	}
	// Passage auto d'un onglet au suivant ==============================================
	function nextOnglet() 
	{	var nvOnglet=$('#bloc_news ul.titles li.selected').index() +1;
		var nbOnglets=$('#bloc_news ul.titles li').length;
		if ( nvOnglet >= nbOnglets ) nvOnglet=0;
		selectOnglet(nvOnglet, transition_time);
		// alert('nextOnglet '+ nvOnglet + ' sur '+ nbOnglets);
	}	
	
	// Le passage de la souris sur un onglet ==============================================
	$('#bloc_news ul.titles li').hover(function(event) 
	{	selectOnglet ($(this).index(),'300'); // ...declenche la selection de l'onglet
	});

	
	// Au chargement du document : ===================================================
	
	// + On passe les images en pos. absolue, non affichees (voir CSS)
	$('#bloc_news').addClass('js-enabled');
	
	// On assemble le div invisible regroupant le contenu des popups
	var contenusPopups = $('#bloc_news ul.images')
		.clone()
		.removeClass('images').addClass('popupContents') // remplacement de la classe
		.css({'display':'none'})			// invisibilite
		.prependTo('#bloc_news')		// insertion
		.find('img').each(function(i)	// reglage en fonction de l'image de la largeur du futur popup
		{	var imgW = this.width;
			var popupW = imgW;
			var maxWidth = 860; //document.width-200; // valeur max par defaut
			var minWidth = 500; // valeur min par defaut
			if	( minWidth > maxWidth )
				minWidth = maxWidth;
				
			if ( imgW == 0 )
				popupW = maxWidth;
			else if ( imgW > maxWidth )
				imgW = popupW = maxWidth;
			else if ( this.width < minWidth )
				popupW = minWidth;
			/**/
			if ( imgW != 0 )
				$(this).css({'width':imgW+'px'});
			else
				$(this).css({'max-width':popupW+'px'});
			$(this).css({'max-width':'100%'})
			$(this).parent().css({'width':popupW+'px'});
			
		});

		
	// On simplifie la liste ul.images
	$('#bloc_news ul.images li p, #bloc_news ul.images li a').remove(); // suppression des paragraphes et liens
	$('#bloc_news ul.images li').each(function(i)
		{	// chaque element devient un lien pour le popup
			$(this).find('img').wrap('<a class="popup"  rel="galerie_2" title="'+$(this).find('img').attr('alt')+'" href="#'+this.id+'"></a>' );
			$(this).find('div.info').wrap('<a class="popup"  rel="galerie_3" title="'+$(this).find('img').attr('alt')+'" href="#'+this.id+'"></a>' );
		})
		.removeAttr('id');

	// + On sélectionne le premier onglet
	selectOnglet(0, 'fast');
	
	// + On initialise le systeme de popups (plugin fancybox)
	/**/
	$('a.popup').fancybox({
		'hideOnContentClick': true,
		'titleShow'		: false,
		'padding'			: 20	,
		'transitionIn' : 'elastic',
		'transitionOut' : 'elastic',
		'width'			: 500,
		'height'			: 500
		});
	
	$('#fancybox-content').width(500);
	/*$('a.popup').fancybox({
		'transitionIn'	:	'fade',
		'transitionOut'	:	'fade',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false,
		'centerOnScroll': false,
		'overlayOpacity': 1
		});
	*/
	
	// + On lance le défilement automatique
	if (transition_delay > 0)
	{	var timer = setInterval ( function(){nextOnglet();},transition_delay);
		$('#bloc_news').mouseenter
		(	function(){clearInterval(timer);}
		)
		.mouseleave
		(	function()
			{	clearInterval( timer );
				timer = setInterval(function(){nextOnglet();},	transition_delay);
			}
		);
	}
	// External URL open in another window
	$("#bloc_news a[href^='http://']").attr("target", "_blank");

});