// JavaScript Document
$.fn.diaporama = function(options){
	/* crée les variables par défaut */
	var defaults = {
		dossier: "images"
	};
	var options = $.extend(defaults, options);
	
$(this).each(function(){
	var $this = $(this);
	
//css par defaut=================================
	$this.css('overflow', 'hidden');
	$('.thumbg').find('li').css('cursor', 'pointer');
	var firstthumb= $('.thumbg').find('li:first-child img').attr('src');
	
	$('.thumbg').find('li:first-child').addClass('thactive')
	var firstimgTab = firstthumb.split("/");
	var num=firstimgTab.length;
	var firstimg = "medias/"+defaults.dossier+"/resize/"+firstimgTab[num-1];
	$('.diapoo').append('<img/>');
	$('.diapoo img').hide();
	$('.diapoo img').attr('src',firstimg);	
	
	   
	$('.diapoo img').fadeIn();
//========================================================	
	$('.thumbg li').hover(function(){
		$('.thactive').removeClass('thactive');
		$('.diapoo img').hide();
		$(this).addClass('thactive');
		var imgTab = $(this).find('img').attr('src').split("/");
		var imgNum = imgTab.length;
		var imgURL = "medias/"+defaults.dossier+"/resize/"+imgTab[imgNum-1];
		$('.diapoo img').attr('src',imgURL);		   
		$('.diapoo img').fadeIn();
		return false;
	});
//GESTION DU POPUP========================================
//========================================================	
	$('.thumbg li').click(function(){
			var that = $(this);
			lancePop(that);
	});
	$('#zoom').click(function(){
			var that = $(".thumbg li.thactive");
			lancePop(that);
	});
	$('.diapoo img').click(function(){
			var that = $(".thumbg li.thactive");
			lancePop(that);
	});
//=======================================================
//LES FONCTIONS==========================================
//=======================================================
//CREATION DE L'ARRIERE PLAN DU POPUP====================
	getFond = function() {
			var tFond = 
				"<div id='popUp'>" + "</div>"+
				"<div class='fullImage'>" +
					"<div id='diapo-nav'>"+
						"<div id='closePopup'>"+"</div>"+
						"<a href='#' class='d_precedent'>"+"<span>Pr&eacute;c&eacute;dent</span>"+"</a>&nbsp;&nbsp;"+
						"<a href='#' class='d_suivant'>"+"<span>Suivant</span>"+"</a>"+
					"</div>"+
				"</div>";
			return tFond;
		}

function lancePop(that){
		$("body").prepend(getFond());
		//$('#popUp').hide();
		$('fullImage').css('display', 'none');
		//$("#popUp").css({'opacity': '0.5'});
		//$('#popUp').fadeIn();
		$("#popUp").css({'display': 'none'});
			$("#popUp").slideDown();
			
			
		$('.thumbg .thactive').removeClass('thactive');
		that.addClass('thactive');
		var selectedThumb = that;
		
		urlIMG(selectedThumb);
		
		
//Extraire l'url de l'image ===============================
	function urlIMG(selectedThumb){
		$('.fullImage').append('<img/>');
			var fullTab = selectedThumb.find('img').attr('src').split("/");
			var fullNum = fullTab.length;
			var imgName = fullTab[fullNum-1];
			popImg(imgName);
			
		}
//CHARGEMENT DE L'IMAGE SELECTIONNEE DANS LE POPUP=========	
		function popImg (imgName){
			
			$('.d_precedent').css('display','inline');
			$('.d_suivant').css('display','inline');
			if( $('.thumbg li:first').attr('class') =='thactive'){
						$('.d_precedent').css('display','none');
						$('.d_suivant').css('display','inline'); 
					}
			if( $('.thumbg li:last').attr('class') =='thactive'){
						$('.d_suivant').css('display','none');
						$('.d_precedent').css('display','inline'); 
					}
			var fullURL = "medias/"+defaults.dossier+"/large/"+imgName;
			$('.fullImage img').attr('src',fullURL);
			$(".fullImage img").css({'opacity': '0'});
			$('.fullImage img').load(function(){
				var largeurimg = $('.fullImage img').width();
				var hauteurimg = $('.fullImage img').height();
				redimentionne(largeurimg, hauteurimg);
				
				
			});
		}
//NAVIGATION DU POPUP=====================================	
		$(".d_precedent").click(function(){
					precedent();
		});
		$(".d_suivant").click(function(){
					suivant();
		});
		
		$('#popUp').click(function(){
					fermePop();
		});
		
		$('#closePopup').click(function(){
					fermePop();
		});
//========================================================	
		function precedent(){
					$('.fullImage img').remove();
					var precedentThumb=$('.thactive').prev('li');
					$('.thactive').removeClass('thactive');
					precedentThumb.addClass('thactive');
					urlIMG(precedentThumb);
			}
		function suivant(){
					$('.fullImage img').remove();
					var nextThumb=$('.thactive').next('li');
					$('.thactive').removeClass('thactive');
					nextThumb.addClass('thactive');
					urlIMG(nextThumb);
					
			}
//========================================================	
//EVENEMENT DU POPUP======================================	
		function fermePop(){
					$('.fullImage img').remove();
					$('#popUp').remove();
					$('.fullImage').remove();
					
			}
		function redimentionne(largeurimg,hauteurimg){
					var MT='-'+(hauteurimg/2)+'px';
					var ML = '-'+(largeurimg/2)+'px'
					$(".fullImage").animate({width:largeurimg+'px',height:hauteurimg+'px', marginTop :MT, marginLeft :ML},400, "easeOutSine",function(){
																																		$(".fullImage img").animate({opacity: 1},700);
																																		});
			}
	};

 }); 
};