/*
-- Ideo Slider --
Version: 0.5 (beta)(refactored)
Author: Steph.L
*/
(function($){
	var instanceId = 0,
		miniLoader = new Array();

	//Initialisation de l'instance
	$.fn.ideoSliderInstance = function(el, options){
		var $this = this;
		
		//N° d'instance
		instanceId++;
		
		//Variables publiques
		$this.marginLeftBigWrapper =  0,
		$this.marginTopBigWrapper =  0,
		$this.newMarginBigWrapper = 0;
		$this.idLoadingImg = '',
		$this.directionLoadingImg = 1;
		$this.idLoadingNextImg = '',
		$this.options = options,
		$this.container = $(el),
		$this.ideoSliderTimer,
		$this.ideoSliderPaused = false;
		
		//
		$this.btnPrev = $this.container.find($this.options.classToUse.btnPrev),
		$this.btnNext = $this.container.find($this.options.classToUse.btnNext),
		$this.miniatures = $this.container.find($this.options.classToUse.miniatures),
		$this.frameSlider = $this.container.find(options.classToUse.frameSlider),
		$this.grandeImage = $this.container.find(options.classToUse.grandeImage),
		$this.grandeImageWrapper = $this.container.find(options.classToUse.grandeImageWrapper),
		$this.btnPrevMiniature = $this.container.find(options.classToUse.btnPrevMiniature),
		$this.btnNextMiniature = $this.container.find(options.classToUse.btnNextMiniature);
		
		//Empechage de selection
		$this.container.find('*').css({
			'-webkit-touch-callout': 'none',
			'-webkit-user-select': 'none',
			'-khtml-user-select': 'none',
			'-moz-user-select': 'none',
			'-ms-user-select': 'none',
			'user-select': 'none'
		});
		
		//CanvasLoader
		var slideLoader = document.createElement('div');
		$(slideLoader).attr({
			'id': 'slideLoader'+instanceId,
			'class': 'slideLoader',
			'style': 'position:absolute;'
		});
		$(slideLoader).appendTo($this.container);
		
		$this.cl = new CanvasLoader('slideLoader'+instanceId);
		//CL Options
		$this.cl.setColor(options.slideLoader.color);
		$this.cl.setDiameter(options.slideLoader.diameter);
		
		var $startingFrame = $this.frameSlider.eq(0),
			$startingImg = $this.frameSlider.eq(0).find($this.grandeImage);

		$this.containerWidth = $this.grandeImageWrapper.width();
		$this.containerHeight = $this.grandeImageWrapper.height();

		setTimeout(function(){
			$this.containerImgWidth = $($this.grandeImage[0]).width();
			$this.containerImgHeight = $($this.grandeImage[0]).height();
		},0);
		
		$this.btnPrev.addClass('inactive');
		
		//Première image
		if($startingFrame.find($this.grandeImage).data('src')){
			$this.blockNav($this);
			$this.cl.show();
			$this.loadImg($startingImg);
			$this.loadImg($this.frameSlider.eq(1).find($this.grandeImage));
			$this.frameSlider.eq(1).find($this.grandeImage).data('loadState','inProgress');
		}
		else{
			$this.activateNav($this);
		}
		
		if(options.general.playAnimOnLoad){
			$startingFrame.addClass('animate-in current-frame');
			if(!$this.testTransitions()){
				$this.frameSlider.css('opacity', 0)
				.css('z-index', 0)
				.addClass('animate-in');
				$startingFrame.stop().fadeIn(options.general.animTime)
				.css('z-index', 1)
				.addClass('current-frame');
			}
		}
		else{
			if(!$this.testTransitions()){
				$this.frameSlider.css('opacity', 0)
				.css('z-index', 0)
				.addClass('animate-in');
				$startingFrame.css('opacity', 1)
				.css('z-index', 1)
				.addClass('current-frame');
			}
			else{
				$this.frameSlider.each(function(){
					$this.stopAnimate($(this));
				});
				//$this.stopAnimate($startingFrame);
				$startingFrame.addClass('animate-in current-frame');
			}
		}

		//Title et description
		if(options.general.emptyDesc){
			var allDesc = $this.container.find(options.classToUse.descGrdImg),
				allTitle = $this.container.find(options.classToUse.titleGrdImg);

			function checkDaPlace(elem){
				elem.each(function(){
					if($(this).contents().text().length > 0){
						$(this).css('display','block');
					}
					else{
						$(this).css('display','none');
					}	
				});
			}

			checkDaPlace(allDesc);
			checkDaPlace(allTitle);
		}
		
		//Lancement du diaporama
		if(options.diaporama.autoStart){
			var frameTime = options.diaporama.frameTime,
				animTime = options.general.animTime,
				delay = options.diaporama.delay,
				direction = options.diaporama.direction;

			$this.startDiapo(delay, frameTime, animTime, direction);
		}
		
		//Pause
		if(options.diaporama.pause == "bouton"){
			var $btnPause = $(options.diaporama.btnPause);
			if($btnPause){
				$btnPause.click(function(){
					if($this.ideoSliderPaused){
						$this.startDiapo(delay, frameTime, animTime, direction);
					}
					else{
						$this.pause();
					}
				});
			}
		}
		else if(options.diaporama.pause == "hover"){
			$this.container.mouseenter(function(){
				$this.pause();
			});
			$this.container.mouseleave(function(){
				if($this.ideoSliderPaused){
					$this.startDiapo(delay, frameTime, animTime, direction);
				}
			});
		}
		
		//Miniatures
		var $miniaturesWrapper = $this.container.find(options.classToUse.miniaturesWrapper);
		if($this.miniatures){

			//On charge les miniatures
			if($this.miniatures.attr('data-src')){
				$this.miniatures.each(function(i){
					var $thisMiniatures = $(this);
					$this.loadMiniatures($thisMiniatures, instanceId+''+i);
				});
			}
			
			//La première miniatures devient la miniatures actives
			$this.miniatures.eq(0).addClass('active');

			//Positionnement des miniatures
			function setMiniaturesPos(direction){

				var miniaturesSize = new Object();
				miniaturesSize.w = $($this.miniatures[0]).outerWidth(true);
				miniaturesSize.h = $($this.miniatures[0]).outerHeight(true);

				//Taille du wrapper
				if($this.options.miniatures.nbrLine == "auto"){
					var miniaturesWrapperHeight = '100%';
				}
				else{
					var miniaturesNbrLine = $this.options.miniatures.nbrLine;
					var miniaturesWrapperHeight = miniaturesSize.h * miniaturesNbrLine;
				}
				if($this.options.miniatures.nbrCol == "auto"){
					var miniaturesWrapperWidth = '100%';
				}
				else{
					var miniaturesNbrCol = $this.options.miniatures.nbrCol;
					var miniaturesWrapperWidth = miniaturesSize.w * miniaturesNbrCol;
				}
				$miniaturesWrapper.css({
					overflow: 'hidden',
					width: miniaturesWrapperWidth,
					height: miniaturesWrapperHeight
				});
				//fin Taille du wrapper

				if($this.options.miniatures.nbrLine == "auto"){
					var miniaturesNbrLine = Math.floor($miniaturesWrapper.height() / miniaturesSize.h);
				}
				if($this.options.miniatures.nbrCol == "auto"){
					var miniaturesNbrCol = Math.floor($miniaturesWrapper.width() / miniaturesSize.w);
				}

				if(direction == "x"){
					var miniaturesOnLines = Math.ceil($this.miniatures.length / miniaturesNbrLine);

					var bigWrapperMini = $(document.createElement('div'));
					bigWrapperMini.addClass('bigWrapperMini')
					.css({
						position: "relative",
						width: miniaturesSize.w * miniaturesOnLines,
						height: miniaturesSize.h * miniaturesNbrLine
					});

					$($this.miniatures).wrapAll(bigWrapperMini);

					var i = 0,
						k = 0,
						miniNbrLine = miniaturesNbrLine;

					for(j = 0 ; j < miniaturesOnLines ; j++){
						var leftPos = miniaturesSize.w * j;
						k = 0;
						while(k < miniNbrLine){
							var topPos = miniaturesSize.h * k;
							$($this.miniatures[i]).css({
								position: "absolute",
								top: topPos,
								left: leftPos
							});
							k++;
							i++;
						}
					}
				} else{
					var miniaturesOnCols = Math.ceil($this.miniatures.length / miniaturesNbrCol);

					var bigWrapperMini = $(document.createElement('div'));
					bigWrapperMini.addClass('bigWrapperMini')
					.css({
						position: "relative",
						width: miniaturesSize.w * miniaturesNbrCol,
						height: miniaturesSize.h * miniaturesOnCols
					});

					$($this.miniatures).wrapAll(bigWrapperMini);

					var i = 0,
						k = 0,
						miniNbrCol = miniaturesNbrCol;

					for(j = 0 ; j < miniaturesOnCols ; j++){
						var topPos = miniaturesSize.h * j;
						k = 0;
						while(k < miniNbrCol){
							var leftPos = miniaturesSize.w * k;
							$($this.miniatures[i]).css({
								position: "absolute",
								top: topPos,
								left: leftPos
							});
							k++;
							i++;
						}
					}
				}
				
			}
			setMiniaturesPos($this.options.miniatures.direction);

			//Déplacement des miniatures
			function setMiniaturesMoves(direction){
				$this.btnPrevMiniature.off('click')
				.removeClass('inactive');
				$this.btnNextMiniature.off('click')
				.removeClass('inactive');

				var miniaturesSize = new Object(),
					$miniaturesWrapperAnim = $($this.options.classToUse.miniaturesWrapperAnim);
				miniaturesSize.w = $($this.miniatures[0]).outerWidth(true);
				miniaturesSize.h = $($this.miniatures[0]).outerHeight(true);

				//Navigation au sein des miniatures via des bouton type suivant/précédent
				if(options.miniatures.navigation == "arrow"){
					//Action des flèches en fonction de la direction
					if(direction == "x"){
						var maxSizeWrapper = $this.container.find(options.classToUse.miniaturesWrapperAnim).width();

						$this.btnPrevMiniature.on("click", function(){
							if($this.marginLeftBigWrapper < 0){
								$this.marginLeftBigWrapper = $this.marginLeftBigWrapper + (miniaturesSize.w * options.miniatures.nbrDefil);
								if($this.marginLeftBigWrapper > 0){
									$this.marginLeftBigWrapper = 0;
								}
								$miniaturesWrapperAnim.css('margin-left', $this.marginLeftBigWrapper+'px');
							}
							isActive(direction);
						});
						$this.btnNextMiniature.on("click", function(){
							var newMarginLeftBigWrapper = $this.marginLeftBigWrapper + (- miniaturesSize.w * options.miniatures.nbrDefil);
							if(newMarginLeftBigWrapper > -maxSizeWrapper && maxSizeWrapper + $this.marginLeftBigWrapper > $miniaturesWrapper.width()){
								$miniaturesWrapperAnim.css('margin-left', newMarginLeftBigWrapper+'px');
								$this.marginLeftBigWrapper = newMarginLeftBigWrapper;

							}
							isActive(direction);
						});
					}
					else if(direction == "y"){
						var maxSizeWrapper = $this.container.find(options.classToUse.miniaturesWrapperAnim).height();

						$this.btnPrevMiniature.on("click", function(){
							if($this.marginTopBigWrapper < 0){
								$this.marginTopBigWrapper = $this.marginTopBigWrapper + (miniaturesSize.h * options.miniatures.nbrDefil);
								if($this.marginTopBigWrapper > 0){
									$this.marginTopBigWrapper = 0;
								}
								$miniaturesWrapperAnim.css('margin-top', $this.marginTopBigWrapper+'px');
							}
							isActive(direction);
						});
						$this.btnNextMiniature.on("click", function(){
							var newMarginTopBigWrapper = $this.marginTopBigWrapper + (- miniaturesSize.h * options.miniatures.nbrDefil);
							if(newMarginTopBigWrapper > -maxSizeWrapper && maxSizeWrapper + $this.marginTopBigWrapper > $miniaturesWrapper.height()){
								$miniaturesWrapperAnim.css('margin-top', newMarginTopBigWrapper+'px');
								$this.marginTopBigWrapper = newMarginTopBigWrapper;
							}
							isActive(direction);
						});
					}

					//Flèches active/inactive
					function isActive(direction){
						if(direction == "x"){
							var miniaturesWrapperSize = $miniaturesWrapper.width();
							//prev button
							if($this.marginLeftBigWrapper == 0){
								$this.btnPrevMiniature.addClass('inactive');
							}
							else{
								$this.btnPrevMiniature.removeClass('inactive');
							}
							//next button
							if(maxSizeWrapper + $this.marginLeftBigWrapper < miniaturesWrapperSize){
								$this.btnNextMiniature.addClass('inactive');
							}
							else{
								$this.btnNextMiniature.removeClass('inactive');
							}
						}
						else if(direction == "y"){
							var miniaturesWrapperSize = $miniaturesWrapper.height();
							//prev button
							if($this.marginTopBigWrapper == 0){
								$this.btnPrevMiniature.addClass('inactive');
							}
							else{
								$this.btnPrevMiniature.removeClass('inactive');
							}
							//next button
							if(maxSizeWrapper + $this.marginTopBigWrapper < miniaturesWrapperSize){
								$this.btnNextMiniature.addClass('inactive');
							}
							else{
								$this.btnNextMiniature.removeClass('inactive');
							}
						}
					}
					isActive(direction);
				}
				//Navigation au sein des miniatures via la position du curseur de la souris
				else if(options.miniatures.navigation == "mouse"){

				}
			}
			setMiniaturesMoves($this.options.miniatures.direction);
		}

		//FrameBoxOn
		if(options.frameBox.frameBoxOn){
			//desc + title
			$this.frameSlider.each(function(){
					var thisFrame = $(this),
						title = $.trim(thisFrame.find(options.classToUse.titleGrdImg).contents().text()),
						desc = $.trim(thisFrame.find(options.classToUse.descGrdImg).contents().text());

					if(title.length > 0){
						thisFrame.find(options.classToUse.grandeImage).data('fbTitle',title);
					}
					if(desc.length > 0){
						thisFrame.find(options.classToUse.grandeImage).data('fbDesc',desc);
					}
				})

			if(options.frameBox.frameBoxOn == "grandeImage"){
				var random = (new Date()).getTime();
				//
				$this.grandeImage.each(function(){
					var thisGrdeImg = $(this);
					if(!$(this).data('fbSrc')){
						$(this).data('fbSrc',$(this).data('src'));
					}
				})
				.attr('data-fb-group','fbGroup'+random)
				.off('click')
				.addClass('frameBoxMe')
				.frameBox(options.frameBox);
				//Autoplay et ouverture frameBox
				if(options.diaporama.autoStart){
					$this.grandeImage.on('frameBoxOpen',function(){
						$this.pause();
					})
					.on('frameBoxClosed',function(){
						$this.startDiapo(delay, frameTime, animTime, direction);
					});
				}
			}
		}
		
		//Resize window
		var resize = false;
			
			$(window).resize(function(){
				$this.containerWidth = $this.grandeImageWrapper.width();
				$this.containerHeight = $this.grandeImageWrapper.height();

				$this.containerImgWidth = $this.grandeImage.width();
				$this.containerImgHeight = $this.grandeImage.height();

				//resizeImg on resize window
				if($this.options.general.resizeImg != "noResize"){
					$this.grandeImage.each(function(){
						if(!$(this).data('src')){
							$this.resizeImg($this, $(this));
						}
					});
				}
				//MaJ Responsive miniatures
				if($this.miniatures){
					if($this.options.miniatures.nbrLine == "auto" || $this.options.miniatures.nbrCol == "auto"){
						setMiniaturesMoves($this.options.miniatures.direction);
					}
				}
			});
		
	}//Fin initialisation de l'instance
	
	//Public method
    $.fn.ideoSliderInstance.prototype = {
		//Navigation
		activateNav: function($this){
			$this.btnPrev.off();
			$this.btnNext.off();
			//$(window).off('keydown');
			
			if($this.btnPrev){
				$this.btnPrev.on('click', function(){
					$this.prevImg();
					$this.pause();
				});
			}
			
			if($this.btnNext){
				$this.btnNext.on('click', function(){
					$this.nextImg();
					$this.pause();
				});
			}
			
			if($this.miniatures){
				var direction;
				if($this.options.miniatures.switchMini == "hover"){
					$this.miniatures.off();
					$this.miniatures.on('hover', function(){
						var currentMiniatures = $(this).index(),
							oldMiniatures = $(this).siblings('.active').index();

						(oldMiniatures < currentMiniatures) ? direction = 1 : direction = -1;

						$this.goTo(currentMiniatures, direction);
						$this.pause();
					});
				}
				else if($this.options.miniatures.switchMini == "click"){
					$this.miniatures.off();
					$this.miniatures.on('click', function(){
						var currentMiniatures = $(this).index(),
							oldMiniatures = $(this).siblings('.active').index();

						(oldMiniatures < currentMiniatures) ? direction = 1 : direction = -1;

						$this.goTo(currentMiniatures, direction);
						$this.pause();
					});
				}
				else{return false;}
			}
			if($this.options.general.keyboardNav){
				//Navigation clavier desactivee pour le moment
				/*$(window).keydown(function(e){
					switch (e.keyCode) {
						case 37: // flèche gauche
							$this.prevImg();
							$this.pause();
							break;
						case 39: // flèche droite
							$this.nextImg();
							$this.pause();
							break;
					}
				});*/
			}
		},
		//Blocage de la navigation
		blockNav: function($this){
			$this.btnPrev.off();
			$this.btnNext.off();
			$this.miniatures.off();
			//$(window).off('keydown');
		},
		//prevImg
		prevImg: function(){
			var $this = this;
			$this.goTo($this.currentFrame()-1, -1);
		},
		//nextImg
		nextImg: function(){
			var $this = this;
			$this.goTo($this.currentFrame()+1, 1);
		},
		//goTo
		goTo: function(id, direction){
			var $this = this,
				currentFrameID = $this.currentFrame(),
				$currentFrame = $this.frameSlider.eq(currentFrameID),
				nbrTotalFrame = $this.frameSlider.length,
				grandeImageToGo = $this.frameSlider.eq(id).find($this.grandeImage),
				frameToGo = $this.frameSlider.eq(id),
				nextGrandeImageToGo = $this.frameSlider.eq(id+1).find($this.grandeImage);
				
			//Image en cours de chargement
			if(grandeImageToGo.data('loadState') == 'inProgress'){
				$this.blockNav($this);
				$this.idLoadingImg = id;
				$this.directionLoadingImg = direction;
				$this.cl.show();
				return false;
			}
			//Image non chargé, on lance le chargement
			if(grandeImageToGo.data('src')){
				$this.loadImg(grandeImageToGo);
				$this.cl.show();
				$this.idLoadingImg = id;
				$this.directionLoadingImg = direction;
				return false;
			}
			//On charge l'image suivante en arrière plan
			if(nextGrandeImageToGo.data('src')){
				nextGrandeImageToGo.data('loadState','inProgress');
				$this.loadImg(nextGrandeImageToGo);
			}
			
			//On se place sur la bonne miniature
			if($this.miniatures){
				$this.moveMiniatures($this, nbrTotalFrame, id, direction);
			}
				
			//Cycle option
			if(!$this.options.general.cycle){
				if(id == -1 || nbrTotalFrame <= id){
					return false;
				}
				else if(id == 0){
					$this.btnNext.removeClass('inactive');
					$this.btnPrev.addClass('inactive');
				}
				else if(id == nbrTotalFrame-1){
					$this.btnPrev.removeClass('inactive');
					$this.btnNext.addClass('inactive');
				}
				else{
					$this.btnNext.removeClass('inactive');
					$this.btnPrev.removeClass('inactive');
				}
			}
			else{
				if(id == -1){
					frameToGo = $this.frameSlider.eq(nbrTotalFrame-1);
				}
				else if(id >= nbrTotalFrame){
					frameToGo = $this.frameSlider.eq(0);
				}
			}
			// mais ?! c'est la même frame !
			if(currentFrameID == id){
				return false;
			}
			
			//Blocage de la navigation durant l'animation
			$this.blockNav($this);
			if($this.testTransitions()){
				frameToGo.on($.support.transition.end,function(){
					$this.activateNav($this);
					if(!$this.options.general.reverseAnimPrevNav){
						$currentFrame.addClass('preventAnim');
						$currentFrame.removeClass('animate-out');
					}
				});
			}

			//Fallback
			if(!$this.testTransitions()){
				var activateNavIE = function(){
						$this.activateNav($this);
						if(!$this.options.general.reverseAnimPrevNav){
							$currentFrame.addClass('preventAnim');
							$currentFrame.removeClass('animate-out');
						}
					};
				setTimeout(activateNavIE, $this.options.general.animTime);

				//Grande image
				$currentFrame.stop(true, true).fadeTo($this.options.general.animTime, 0)
				.css('z-index', 0)
				.removeClass('current-frame');
				frameToGo.stop(true, true).fadeTo($this.options.general.animTime, 1)
				.css('z-index', 1)
				.addClass('current-frame');
			}
			//With transitions
			else{
				
				function rmvC(){frameToGo.removeClass('animate-out');}
				function addC(){frameToGo.addClass('animate-out');}
					
				function replaceOrMove(stuffToDo){
					if(stuffToDo == 'move'){
						$this.frameSlider.removeClass('preventAnim');
						var actionToDoOne = "moveToRight()",
							actionToDoTwo = "moveToLeft()";
					}
					else{
						$this.frameSlider.addClass('preventAnim');
						var actionToDoOne = "rmvC();",
							actionToDoTwo = "addC();";
					}
					
					if(id > currentFrameID || direction == 1){
						eval(actionToDoOne);
					}
					else{
						if($this.options.general.reverseAnimPrevNav){
							eval(actionToDoTwo);
						}
						else{
							eval(actionToDoOne);
						}
					}
				}
					
				function moveToRight(){
					$currentFrame.removeClass('animate-in current-frame')
					.addClass('animate-out');
					frameToGo.addClass('animate-in current-frame');
				}
				function moveToLeft(){
					$currentFrame.removeClass('animate-in current-frame');
					frameToGo.removeClass('animate-out')
					.addClass('animate-in current-frame');
				}
				
				replaceOrMove('replace');
				setTimeout(function(){
					replaceOrMove('move');
				}, 50);
				
			}
			$this.idLoadingImg = '';
		},
		//startDiapo
		startDiapo: function(delay, frameTime, animTime, direction){
			var $this = this,
				startIdeoSlider = function(){$this.startIdeoSlider(frameTime, animTime, direction);};
				
			if($this.ideoSliderPaused){
				$($this.options.diaporama.btnPause).removeClass('paused');
				$this.ideoSliderPaused = false;
			}
			$this.ideoSliderTimer = setTimeout(startIdeoSlider, delay+animTime);
		},
		//startIdeoSlider
		startIdeoSlider: function(frameTime, animTime, direction){
			var $this = this,
				startIdeoSlider = function(){$this.startIdeoSlider(frameTime, animTime, direction);};
			
			if(direction == -1){
				$this.prevImg();
			}
			else if(direction == 1){
				$this.nextImg();
			}
			clearTimeout($this.ideoSliderTimer);
			$this.ideoSliderTimer = setTimeout(startIdeoSlider, frameTime+animTime);
		},
		//pause
		pause: function(){
			var $this = this;
			if($this.options.diaporama.autoStart && !$this.ideoSliderPaused){
				clearTimeout($this.ideoSliderTimer);
				$($this.options.diaporama.btnPause).addClass('paused');
				$this.ideoSliderPaused = true;
			}
		},
		//currentFrame
		currentFrame: function(){
			var $this = this;
			
			return $this.frameSlider.filter('.current-frame').index();
		},
		//stopAnimate
		stopAnimate: function(element){
			element.addClass('preventAnim');
		},
		//loadImg
		loadImg: function($grandeImage, secondLoad){
			var $this = this,
				srcImg = $grandeImage.data('src');
			
			if(secondLoad){
				srcImg = srcImg+'?'+(new Date()).getTime();
			}
			var newImg = $(document.createElement('img'));
			newImg.attr('src', srcImg);
			newImg.imagesLoaded({
				fail: function(){
					if(!secondLoad){
						newImg = null;
						$this.loadImg($grandeImage, true);
					}
					else{
						console.log(srcImg+' : error 404');
					}
				},
				done: function($images){
					newImg.appendTo($grandeImage);
					if($this.options.general.resizeImg != "noResize"){
						$this.resizeImg($this, $grandeImage);
					}
					else{
						var img = new Image();
						img.src = srcImg;
						
						$this.replaceImg($this, grandeImg, img.width, img.height, $grandeImage);
					}
				}
			});
		},
		//loadMiniatures
		loadMiniatures: function($thisMiniatures, i){
			var $this = this,
				srcImg = $thisMiniatures.data('src');
				
			var newLoader = document.createElement('div');
			$(newLoader).attr({
				id: 'miniLoader'+i,
				'class': 'miniLoader',
				style: 'position:absolute;'
			});
			
			$(newLoader).appendTo($thisMiniatures);
			miniLoader[i] = new CanvasLoader('miniLoader'+i);
			miniLoader[i].setColor($this.options.slideLoaderMini.color);
			miniLoader[i].setDiameter($this.options.slideLoaderMini.diameter);
			miniLoader[i].show();
				
			var newImg = document.createElement('img');
			$(newImg).attr({
				src: srcImg
			});
			
			$thisMiniatures.css('overflow', 'hidden');
			
			$(newImg).imagesLoaded(function(){
				$(this).appendTo($thisMiniatures);
				$this.resizeMiniImg($this, $thisMiniatures, i);
			});
		},
		//resizeMiniImg
		resizeMiniImg: function($this, $thisMiniatures, i){
			var miniImg = $thisMiniatures.find('img'),
				miniImgWidth = miniImg.width(),
				miniImgHeight = miniImg.height(),
				maxWidth = $thisMiniatures.width(),
				maxHeight = $thisMiniatures.height(),
				ratio = Math.max( maxWidth/miniImgWidth, maxHeight/miniImgHeight );

			miniImgWidth = Math.ceil(miniImgWidth * ratio);
			miniImgHeight = Math.ceil(miniImgHeight * ratio);
			
			miniImg.width(miniImgWidth)
			.height(miniImgHeight);
			
			var miniImgMarginLeft = Math.round((maxWidth - miniImgWidth)/2),
				miniImgMarginTop = Math.round((maxHeight - miniImgHeight)/2);
				
			miniImg.css({ 'margin-left' : miniImgMarginLeft, 'margin-top' : miniImgMarginTop });
			
			miniLoader[i].kill();
			
			$thisMiniatures.removeData('src')
			.removeAttr('data-src');
		},
		//resizeImg
		resizeImg: function($this, $grandeImage){

			var grandeImg = $grandeImage.find('img');

			var img = new Image();
			img.src = grandeImg.attr('src');

			grandeImgWidth = img.width,
			grandeImgHeight = img.height;

			img = null;

			function scaleSize(maxW, maxH, currW, currH){
				//console.log(maxW+'  '+maxH+'  '+currW+'  '+currH);
				var ratio;

				if($this.options.general.resizeImg == 'contain')
				{
					//remplissage de la zone - l'image peut être recadré
					ratio = Math.max( maxW/currW, maxH/currH );
				}
				else
				{
					//image affichée en entier
					ratio = Math.min( maxW/currW, maxH/currH );
				}

				currH = Math.ceil(currH * ratio);
				currW = Math.ceil(currW * ratio);

				grandeImg.width(currW)
				.height(currH);

				$this.replaceImg($this, grandeImg, currW, currH, $grandeImage);
			}
			scaleSize($this.containerImgWidth, $this.containerImgHeight, grandeImgWidth, grandeImgHeight);
		},
		//replace img
		replaceImg: function($this, grandeImg, grandeImgWidth, grandeImgHeight, $grandeImage){
			if($this.options.general.imgPosition){
				var listPosX = new Array('left','right'),
					listPosY = new Array('top','bottom');

				var thesePos = ($this.options.general.imgPosition).split(/ /),
					pos = new Object();

				var j = 0;
				while(j < listPosX.length){
					var i = 0;
					while(i < thesePos.length){
						if(thesePos[i].match(listPosX[j])){
							pos.X = listPosX[j];
							replaceX(pos.X);
							break;
						}
						else if(j+1 == listPosX.length){
							pos.X = 'center';
						}
						i++;
					}
					if(pos.X){
						break;
					}
					j++;
				}
				var k = 0;
				while(k < listPosY.length){
					var i = 0;
					while(i < thesePos.length){
						if(thesePos[i].match(listPosY[k])){
							pos.Y = listPosY[k];
							replaceY(pos.Y);
							break;
						}
						else if(k+1 == listPosY.length){
							pos.Y = 'center';
						}
						i++;
					}
					if(pos.Y){
						break;
					}
					k++;
				}
				if(pos.Y == 'center'){
					replaceY(pos.Y);
				}
				if(pos.X == 'center'){
					replaceX(pos.X);
				}
			}

			var grandeImgMarginTop,
				grandeImgMarginLeft;

			function replaceX(pos){
				if(pos == 'center'){
					grandeImgMarginLeft = Math.round(($this.containerImgWidth - grandeImgWidth)/2);
				}
				else if(pos == 'left'){
					grandeImgMarginLeft = 0;
				}
				else if(pos == 'right'){
					grandeImgMarginLeft = Math.round(($this.containerImgWidth - grandeImgWidth));
				}
			}

			function replaceY(pos){
				if(pos == 'center'){
					grandeImgMarginTop = Math.round(($this.containerImgHeight - grandeImgHeight)/2);
				}
				else if(pos == 'top'){
					grandeImgMarginTop = 0;
				}
				else if(pos == 'bottom'){
					grandeImgMarginTop = Math.round(($this.containerImgHeight - grandeImgHeight));
				}
			}
				
			grandeImg.css({ 'margin-left' : grandeImgMarginLeft, 'margin-top' : grandeImgMarginTop });
			
			$this.cl.hide();
			$grandeImage.data('loadState','ok');
			
			if($this.idLoadingImg){
				$this.goTo($this.idLoadingImg, $this.directionLoadingImg);
			}
			if(grandeImg.parents($this.options.classToUse.frameSlider).index() == 0){
				$this.activateNav($this);
			}
			
			$grandeImage.removeData('src')
			.removeAttr('data-src');
		},
		//testTransitions
		testTransitions: function(){
			return $('html').hasClass('csstransitions');
		},
		//MoveMiniatures
		moveMiniatures: function($this, nbrTotalFrame, id, direction){
			var currentFrameID = $this.currentFrame(),
				$miniaturesWrapperAnim = $this.container.find($this.options.classToUse.miniaturesWrapperAnim),
				$miniaturesWrapper = $this.container.find($this.options.classToUse.miniaturesWrapper);
			
			if($this.options.general.cycle){
				if(id == -1){
					id = nbrTotalFrame-1;
				}
				else if(nbrTotalFrame <= id){
					id = 0;
				}
				else if(currentFrameID == id){
					return false;
				}
			}
			else{
				if(id == -1 || nbrTotalFrame <= id || currentFrameID == id){
					return false;
				}
			}
			
			$this.miniatures.eq(currentFrameID).removeClass('active');
			$this.miniatures.eq(id).addClass('active');

			if($this.options.miniatures.direction == "x"){
				$this.marginLeftBigWrapper = Math.abs($this.marginLeftBigWrapper);
				var sizeMiniature = $this.miniatures.outerWidth(true),
					miniaturesWrapperSize = $miniaturesWrapper.width(),
					posMiniActive = parseFloat(($this.miniatures.eq(id).css('left')).substring(0, ($this.miniatures.eq(id).css('left')).length - 2)) + sizeMiniature;

				if(direction == 1){
					if((posMiniActive - $this.marginLeftBigWrapper) > miniaturesWrapperSize || (posMiniActive - $this.marginLeftBigWrapper) < 0){
						$this.marginLeftBigWrapper = sizeMiniature * (id / $this.options.miniatures.nbrLine);
					}
				}
				else if(direction == -1){
					if(posMiniActive - sizeMiniature <= $this.marginLeftBigWrapper || ($this.marginLeftBigWrapper + miniaturesWrapperSize) < posMiniActive){
						$this.marginLeftBigWrapper = posMiniActive - miniaturesWrapperSize;
						if($this.marginLeftBigWrapper < 0){
							$this.marginLeftBigWrapper = 0;
						}
					}
				}
				$miniaturesWrapperAnim.css('margin-left', -(Math.abs($this.marginLeftBigWrapper))+'px');
				$this.marginLeftBigWrapper = -(Math.abs($this.marginLeftBigWrapper));
			}
			else if($this.options.miniatures.direction == "y"){
				$this.marginTopBigWrapper = Math.abs($this.marginTopBigWrapper);
				var sizeMiniature = $this.miniatures.outerHeight(true),
					miniaturesWrapperSize = $miniaturesWrapper.height(),
					posMiniActive = parseFloat(($this.miniatures.eq(id).css('top')).substring(0, ($this.miniatures.eq(id).css('top')).length - 2)) + sizeMiniature;

				if(direction == 1){
					if((posMiniActive - $this.marginTopBigWrapper) > miniaturesWrapperSize || (posMiniActive - $this.marginTopBigWrapper) < 0){
						$this.marginTopBigWrapper = sizeMiniature * (id / $this.options.miniatures.nbrCol);
					}
				}
				else if(direction == -1){
					if(posMiniActive - sizeMiniature <= $this.marginTopBigWrapper || ($this.marginTopBigWrapper + miniaturesWrapperSize) < posMiniActive){
						$this.marginTopBigWrapper = posMiniActive - miniaturesWrapperSize;
						if($this.marginTopBigWrapper < 0){
							$this.marginTopBigWrapper = 0;
						}
					}
				}
				$miniaturesWrapperAnim.css('margin-top', -(Math.abs($this.marginTopBigWrapper))+'px');
				$this.marginTopBigWrapper = -(Math.abs($this.marginTopBigWrapper));
			}
			
			//Flèches active/inactive
			function isActive(direction){
				if(direction == "x"){
					var maxSizeWrapper = $this.container.find(options.classToUse.miniaturesWrapperAnim).width();
					var miniaturesWrapperSize = $miniaturesWrapper.width();
					//prev button
					if($this.marginLeftBigWrapper == 0){
						$this.btnPrevMiniature.addClass('inactive');
					}
					else{
						$this.btnPrevMiniature.removeClass('inactive');
					}
					//next button
					if(maxSizeWrapper + $this.marginLeftBigWrapper < miniaturesWrapperSize){
						$this.btnNextMiniature.addClass('inactive');
					}
					else{
						$this.btnNextMiniature.removeClass('inactive');
					}
				}
				else if(direction == "y"){
					var maxSizeWrapper = $this.container.find(options.classToUse.miniaturesWrapperAnim).height();
					var miniaturesWrapperSize = $miniaturesWrapper.height();
					//prev button
					if($this.marginTopBigWrapper == 0){
						$this.btnPrevMiniature.addClass('inactive');
					}
					else{
						$this.btnPrevMiniature.removeClass('inactive');
					}
					//next button
					if(maxSizeWrapper + $this.marginTopBigWrapper < miniaturesWrapperSize){
						$this.btnNextMiniature.addClass('inactive');
					}
					else{
						$this.btnNextMiniature.removeClass('inactive');
					}
				}
			}
			isActive($this.options.miniatures.direction);

		}
    }; //Fin des méthodes publiques
	
	//Chargement du fichier de config, début de la création de l'instance
	$.fn.ideoslider = function(){
		return this.each(function(e){
			var styleName = $(this).data('style'),
				//styleDirectory = "charte/modules-encart/galerie-js/"+styleName+"/config.js",
				target = this;

				if($(this).data('typeModel') == "exemple"){
					var styleDirectory = "list_model/"+styleName+"/config.js";
				}
				else{
					var styleDirectory = "models/"+styleName+"/config.js";
				}
			$.getScript(styleDirectory, function(){
				options = $.extend(true, defaults, eval(styleName));
				target.ideoslider = new $.fn.ideosliderInstanceCreater(target, options);
			}).fail(function(){
				console.log('Load '+styleDirectory+' fail !');
			});
		});
	};
	//Création de l'instance
	$.fn.ideosliderInstanceCreater = function(target, options){
		return target.ideoslider || (target.ideoslider = new $.fn.ideoSliderInstance(target, options));
	};
 
	//Options par défaut
	defaults = {
		
		classToUse: {
			frameSlider: ".frameSlider",
			grandeImage: ".grandeImage",
			grandeImageWrapper: ".grandeImageWrapper",
			btnPrev: ".btnPrev",
			btnNext: ".btnNext",
			miniatures: ".miniatures",
			miniaturesWrapper: ".miniaturesWrapper",
			miniaturesWrapperAnim: ".bigWrapperMini",
			btnPrevMiniature: ".btnPrevMiniature",
			btnNextMiniature: ".btnNextMiniature",
			titleGrdImg: ".titleGrdImg",
			descGrdImg: ".descGrdImg"
		},
		
		general: {
			cycle: true,
			playAnimOnLoad: false,
			reverseAnimPrevNav: false,
			animTime: 1000,
			resizeImg: "contain",
			imgPosition: "center center",
			keyboardNav: false,
			emptyDesc: true
		},

		miniatures: {
			switchMini: false,
			nbrLine: 1,
			nbrCol: 4,
			direction: "x",
			nbrDefil: 4,
			navigation: "arrow"
		},
		
		diaporama: {
			autoStart: false,
			delay: 1000,
			frameTime: 3000,
			pause: "bouton",
			btnPause: ".btnPause",
			direction: 1
		},

		frameBox: {
			frameBoxOn: "grandeImage",
			general: {
				overSizing:false
			}
		},

		slideLoader: {
			color: "#ffffff",
			diameter: "40"
		},
		
		slideLoaderMini: {
			color: "#ffffff",
			diameter: "30"
		}

	};

})(jQuery);

//Modernizr : csstransform, csstransform3D, csstransition... add class to html
(function(a,b,c){"use strict";var d=a.document;var e=a.Modernizr;var f=function(a){return a.charAt(0).toUpperCase()+a.slice(1)};var g="Moz Webkit O Ms".split(" ");var h=function(a){var b=d.documentElement.style,c;if(typeof b[a]==="string"){return a}a=f(a);for(var e=0,h=g.length;e<h;e++){c=g[e]+a;if(typeof b[c]==="string"){return c}}};var i=h("transform"),j=h("transitionProperty");var k={csstransforms:function(){return!!i},csstransforms3d:function(){var a=!!h("perspective");if(a){var c=" -o- -moz- -ms- -webkit- -khtml- ".split(" "),d="@media ("+c.join("transform-3d),(")+"modernizr)",e=b("<style>"+d+"{#modernizr{height:3px}}"+"</style>").appendTo("head"),f=b('<div id="modernizr" />').appendTo("html");a=f.height()===3;f.remove();e.remove()}return a},csstransitions:function(){return!!j}};var l;if(e){for(l in k){if(!e.hasOwnProperty(l)){e.addTest(l,k[l])}}}else{e=a.Modernizr={_version:"1.6ish: miniModernizr for Isotope"};var m=" ";var n;for(l in k){n=k[l]();e[l]=n;m+=" "+(n?"":"no-")+l}b("html").addClass(m)}})(window,jQuery);

//Bootstrap transition.end event
!function(e){"use strict";e(function(){e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t){if(e.style[n]!==undefined){return t[n]}}}();return e&&{end:e}}()})}(window.jQuery);

//ImgLoader
(function(c,n){var l="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";c.fn.imagesLoaded=function(f){function m(){var b=c(i),a=c(h);d&&(h.length?d.reject(e,b,a):d.resolve(e));c.isFunction(f)&&f.call(g,e,b,a)}function j(b,a){b.src===l||-1!==c.inArray(b,k)||(k.push(b),a?h.push(b):i.push(b),c.data(b,"imagesLoaded",{isBroken:a,src:b.src}),o&&d.notifyWith(c(b),[a,e,c(i),c(h)]),e.length===k.length&&(setTimeout(m),e.unbind(".imagesLoaded")))}var g=this,d=c.isFunction(c.Deferred)?c.Deferred():
0,o=c.isFunction(d.notify),e=g.find("img").add(g.filter("img")),k=[],i=[],h=[];c.isPlainObject(f)&&c.each(f,function(b,a){if("callback"===b)f=a;else if(d)d[b](a)});e.length?e.bind("load.imagesLoaded error.imagesLoaded",function(b){j(b.target,"error"===b.type)}).each(function(b,a){var d=a.src,e=c.data(a,"imagesLoaded");if(e&&e.src===d)j(a,e.isBroken);else if(a.complete&&a.naturalWidth!==n)j(a,0===a.naturalWidth||0===a.naturalHeight);else if(a.readyState||a.complete)a.src=l,a.src=d}):m();return d?d.promise(g):
g}})(jQuery);