var	slides_speed	=	500;
var slides_pause	=	4000;
var nb_slides		=	3;
var slidesToMove	=	1;

var url				=	document.location.href;

var base_img		=	'img/';
if(url.indexOf('stg.opodo.fr') != -1 || url.indexOf('www.opodo.fr') != -1)
	base_img		=	'/img_opodo/homepageV2/';

function flashbanner_v2() {
	var click	=	false;
	var fleche	=	false;

	var selecteur	=	'#flashbanner2_slides';
	//	On commence par générer la liste des miniatures
	$('#flashbanner2').append('<ul id="flashbanner2_miniatures"></ul>');
	var num	=	0;
	$('#flashbanner2_slides li').each(function() {
		$(this).addClass('image_'+$(this).index());
		var classe_num	=	(num++) ? '' : ' class="in"';
		$('#flashbanner2_miniatures').append('<li'+classe_num+' style="border-bottom: none;"><img src="'+$(this).find('.miniature img').attr('src')+'" class="miniature_'+$(this).index()+'" alt="" title="'+$(this).find('.miniature img').attr('title')+'" /><span>'+$(this).find('.miniature').text()+'</span></li>');
		$(this).find('.miniature').remove();
	});
	
	//	On gère le défilement de la liste des miniatures
	//	On gère les paramètres en fonction du nombre de slides
	var controls	=	false;
	var slideQty	=	$('#flashbanner2_miniatures li').length;
	if($('#flashbanner2_miniatures li').length > nb_slides) {
		var controls		=	true;
		var slideQty		=	nb_slides;
	}
	else	
		var slidesToMove	=	0;
	
	var flashbannerv2_miniatures	=	$('#flashbanner2_miniatures').bxSlider({
		wrapperClass:		'flashbanner2_miniatures',
		mode:				'vertical',
		displaySlideQty:	slideQty,
		moveSlideQty:		slidesToMove,
		controls:			controls,
		prevImage:			base_img+'flashbanner_v2_up.gif',
		nextImage:			base_img+'flashbanner_v2_down.gif',
		onAfterSlide:		function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){
								//	On détecte les index de toutes les vignettes affichées
								var tab_vignettes	=	new Array();
								var pos_banner		=	parseInt($('#flashbanner2_miniatures').css('top'));
								var height_li		=	parseInt($('#flashbanner2_miniatures li.in').css('height'));
								var height			=	parseInt($('.flashbanner2_miniatures .bx-window').css('height'));
								$('#flashbanner2_miniatures li').each(function() {
									var index	=	$(this).index();
									var pos_top	=	index*height_li;
									if(pos_top+pos_banner >= 0 && pos_top+pos_banner < height)
										tab_vignettes.push(index);
								});
								
								//	Si l'index en cours n'est pas dans la liste, on décale les éléments
								var index_in		=	$('#flashbanner2_miniatures li.in').index();
								var	in_array		=	false;
								for(var i = 0; i <= tab_vignettes.length; i++)
									if(tab_vignettes[i] == index_in)
										in_array	=	true;
										
								if(!in_array) {
									var vignette	=	tab_vignettes.pop();
									if(fleche == 'next')
										vignette	=	tab_vignettes.shift();
									var param	=	(fleche == false) ? 'auto' : 'manuel';
									$('#flashbanner2_miniatures li:eq('+vignette+') img').trigger('click', param);
								}
								fleche	=	false;
							}
	});

	
	//	On active les fonctionnalités de cycle sur la liste principale
	var flashbannerv2	=	$('#flashbanner2_slides').bxSlider({
		wrapperClass:	'flashbanner2_slides',
		speed:			slides_speed,
		mode:			'fade',
		auto:			'true',
		controls:		'false',
		pause:			slides_pause,
		autoHover:		true,
		onBeforeSlide:	function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){
							/image_([0-9]+)/.exec($(currentSlideHtmlObject).attr('class'));
							var num_slide			=	RegExp.$1;
							$('#flashbanner2_miniatures li').removeClass('in');
							$('#flashbanner2_miniatures img.miniature_'+num_slide).parent('li').addClass('in');
							if(!click) {
								//	On n'active le défilement que si la vignette est masquée
								//	On détecte les index de toutes les vignettes affichées
								var tab_vignettes	=	new Array();
								var pos_banner		=	parseInt($('#flashbanner2_miniatures').css('top'));
								var height_li		=	parseInt($('#flashbanner2_miniatures li.in').css('height'));
								var height			=	parseInt($('.flashbanner2_miniatures .bx-window').css('height'));
								$('#flashbanner2_miniatures li').each(function() {
									var index	=	$(this).index();
									var pos_top	=	index*height_li;
									if(pos_top+pos_banner >= 0 && pos_top+pos_banner < height)
										tab_vignettes.push(index);
								});
								
								//	Si l'index en cours n'est pas dans la liste, on décale les éléments
								var index_in		=	$('#flashbanner2_miniatures img.miniature_'+num_slide).parent('li').index();
								var	in_array		=	false;
								for(var i = 0; i <= tab_vignettes.length; i++)
									if(tab_vignettes[i] == index_in)
										in_array	=	true;
										
								if(!in_array)
									flashbannerv2_miniatures.goToNextSlide();
							}
							else
								click	=	false;
						}
	});
	
	//	On gère le hover sur la liste des miniatures
	$('#flashbanner2_miniatures li').live('mouseover', function() {
		//	On met le slider principal en pause
		flashbannerv2.stopShow();
	});
	$('#flashbanner2_miniatures li').live('mouseout', function() {
		//	On relance le slider prnicipal
		flashbannerv2.startShow();
	});
	
	//	On gère le clic sur la liste des miniatures
	$('#flashbanner2_miniatures li img, #flashbanner2_miniatures li span').live('click', function(e, param) {
		if(param != 'auto')
			click	=	true;
		$('#flashbanner2_miniatures li').removeClass('in');
		$(this).parent('li').addClass('in');
		//	On retrouve l'index du slide associé
		if($(this).get(0).tagName == 'SPAN')
			/miniature_([0-9]+)/.exec($(this).siblings('img').attr('class'));
		else
			/miniature_([0-9]+)/.exec($(this).attr('class'));
		var index_miniature	=	RegExp.$1;
		flashbannerv2.goToSlide($('#flashbanner2_slides li.image_'+index_miniature).index());
	});
	
	//	On gère le clic sur les boutons "précédent" et "suivant"
	$('.bx-prev').click(function() {
		fleche	=	'prev';
	});	
	$('.bx-next').click(function() {
		fleche	=	'next';
	});
}

$(document).ready(function() {
	flashbanner_v2();
});