3 */

    22  * Est appelé dans le fichier :

     4 mosaic.prototype.addPointers = function()

    23  * mosaic > fonction loadMosaic.

     5 {

    24 */

     6 	if(this.mouseInteractions)

    25 Mosaic.prototype.addPointers = function()

     7 	{

    26 {

     8 		return;

    27     //On n'affiche pas les pointeurs en mode d'interaction souris.

     9 	}

    28     if(this.config.mouseInteractions)

    10 	

    29     {

    11 	var mainPointer = '<div id="mainPointer" class="pointers"></div>';

    30         return;

    12 	var secondPointer = '<div id="secondPointer" class="pointers"></div>';

    31     }

    13 	$('body').append(mainPointer + secondPointer);

    32     

    14 	

    33     //On crée et ajoute les pointeurs.

    15 	$('#secondPointer').css(

    34     var mainPointer = '<div id="mainPointer" class="pointers"></div>';

    16 	{

    35     var secondPointer = '<div id="secondPointer" class="pointers"></div>';

    17 		top: $(window).height() / 2 - $('#secondPointer').height() / 2,

    36     $('body').append(mainPointer + secondPointer);

    18 		left: $(window).width() / 4 - $('#secondPointer').width() / 2

    37     

    19 	});

    38     //On les place au centre de l'écran.

    20 	

    39     $('#secondPointer').css(

    21 	this.secondPointerLastX = $(window).width() / 4 - $('#secondPointer').width() / 2;

    40     {

    22 	this.secondPointerLastY = $(window).height() / 2 - $('#secondPointer').height() / 2;

    41         top: $(window).height() / 2 - $('#secondPointer').height() / 2,

    23 	

    42         left: $(window).width() / 4 - $('#secondPointer').width() / 2

    24 	$('#mainPointer').css(

    43     });

    25 	{

    44     

    26 		top: $(window).height() / 2 - $('#mainPointer').height() / 2,

    45     this.secondPointerLastX = $(window).width() / 4 - $('#secondPointer').width() / 2;

    27 		left: $(window).width() * 3 / 4 - $('#mainPointer').width() / 2

    46     this.secondPointerLastY = $(window).height() / 2 - $('#secondPointer').height() / 2;

    28 	});

    47     

    29 

    48     $('#mainPointer').css(

    30 	this.mainPointerLastX = $(window).width() * 3 / 4 - $('#mainPointer').width() / 2;

    49     {

    31 	this.mainPointerLastY = $(window).height() / 2 - $('#mainPointer').height() / 2;

    50         top: $(window).height() / 2 - $('#mainPointer').height() / 2,

    32 	

    51         left: $(window).width() * 3 / 4 - $('#mainPointer').width() / 2

    33 	this.mainPointerIdleStartX = this.mainPointerLastX;

    52     });

    34 	this.mainPointerIdleStartY = this.mainPointerLastY;

    53 

    35 	this.secondPointerIdleStartX = this.secondPointerLastX;

    54     this.mainPointerLastX = $(window).width() * 3 / 4 - $('#mainPointer').width() / 2;

    36 	this.secondPointerIdleStartY = this.secondPointerLastY;

    55     this.mainPointerLastY = $(window).height() / 2 - $('#mainPointer').height() / 2;

    56     

    57     //On met à jour les anciennes coordonnées des pointeurs.

    58     this.mainPointerIdleStartX = this.mainPointerLastX;

    59     this.mainPointerIdleStartY = this.mainPointerLastY;

    60     this.secondPointerIdleStartX = this.secondPointerLastX;

    61     this.secondPointerIdleStartY = this.secondPointerLastY;

    42 */

    67  * Est appelé dans le fichier :

    43 mosaic.prototype.mainPointerDisplay = function(main)

    68  * client > fonction processMsg.

    44 {

    69 */

    45 	var _this = this;

    70 Mosaic.prototype.mainPointerDisplay = function(main)

    46 	

    71 {

    47 	//On n'affiche pas les pointeurs dans le mode sans utilisateur ni utilisateur en phase d'approche.

    72     var _this = this;

    48 	if(this.currentMode != 'NO-USER' && this.currentMode.indexOf('INCOMING-') == -1)

    73     

    49 	{

    74     //On n'affiche pas les pointeurs dans le mode sans utilisateur ni utilisateur en phase d'approche.

    50 		if(main)

    75     if(this.currentMode != 'NO-USER' && this.currentMode.indexOf('INCOMING-') == -1)

    51 		{

    76     {

    52 			clearTimeout(this.arrowSpinnerTimeout);

    77         if(main)

    53 			

    78         {

    54 			$('#mainPointer').fadeTo(this.config['timeFilling'], '1');

    79             clearTimeout(this.arrowSpinnerTimeout);

    55 			

    80             

    56 			//Si on a un seul pointeur, on affiche la mire.

    81             $('#mainPointer').fadeTo(this.config.timeFilling, '1');

    57 			if(!this.areBothPointersHere)

    82         }

    58 			{

    83     }

    59 				// console.log('ONE');

    84     

    60 				/*$('#mainPointer').css(

    85     //Si le booléen est à faux, on masque le pointeur.

    61 				{

    86     if(!main)

    62 					'background-image': 'url(./img/cursors/selector_gray.png)',

    87     {

    63 					width: 85,

    88         $('#spinner').remove();

    64 					height: 85

    89         

    65 				});*/

    90         $('#mainPointer').fadeTo(this.config.timeFilling, '0');

    66 			}

    91         

    67 		}

    92         //Si on a zoomé sur une vidéo.

    68 	}

    93         if(this.currentMode == 'VIDEO' || this.currentMode == 'SEARCH')

    69 	

    94         {

    70 	//Si le booléen est à faux, on masque le pointeur.

    95             //On annule aussi la TL s'il y a lieu.

    71 	if(!main)

    96             if(this.isTLSelected())

    72 	{

    97             {

    73 		$('#spinner').remove();

    98                 this.isTLRequested = false;

    74 		

    99                 clearTimeout(this.selectTLTimeout);

    75 		$('#mainPointer').fadeTo(this.config['timeFilling'], '0');

   100             }

    76 		if(this.mainPointerNeighbourSelectedId != null)

   101         }

    77 		{

   102         

    78 			// this.deselectNeighbour(this.mainPointerNeighbourSelectedId);

   103         if(this.isTLSelectedByMainPointer)

    79 		}

   104         {

    80 		

   105             //On déselectionne la TL.

    81 		//Si on a zoomé sur une vidéo.

   106             this.exitTimeline('');

    82 		if(this.currentMode == 'VIDEO' || this.currentMode == 'SEARCH')

   107         }

    83 		{

   108     }

    84 			//On annule aussi la TL s'il y a lieu.

    85 			if(this.isTLSelected())

    86 			{

    87 				this.isTLRequested = false;

    88 				clearTimeout(this.selectTLTimeout);

    89 			}

    90 		}

    91 		

    92 		if(this.isTLSelectedByMainPointer)

    93 		{

    94 			//On déselectionne la TL.

    95 			this.exitTimeline('');

    96 		}

    97 	}

   102 */

   113  * Est appelé dans le fichier :

   103 mosaic.prototype.secondPointerDisplay = function(second)

   114  * client > fonction processMsg.

   104 {

   115 */

   105 	//On n'affiche pas les pointeurs dans le mode sans utilisateur ni utilisateur en phase d'approche.

   116 Mosaic.prototype.secondPointerDisplay = function(second)

   106 	if(this.currentMode != 'NO-USER' && this.currentMode.indexOf('INCOMING-') == -1)

   117 {

   107 	{

   118     //On n'affiche pas les pointeurs dans le mode sans utilisateur ni utilisateur en phase d'approche.

   108 		if(second)

   119     if(this.currentMode != 'NO-USER' && this.currentMode.indexOf('INCOMING-') == -1)

   109 		{

   120     {

   110 			clearTimeout(this.arrowSpinnerTimeout);

   121         if(second)

   111 			

   122         {

   112 			$('#secondPointer').fadeTo(this.config['timeFilling'], '1');

   123             clearTimeout(this.arrowSpinnerTimeout);

   113 			

   124             

   114 			//Si on a un seul pointeur, on affiche la mire.

   125             $('#secondPointer').fadeTo(this.config.timeFilling, '1');

   115 			if(!this.areBothPointersHere)

   126         }

   127     }

   128     

   129     //Si le booléen est à faux, on masque le pointeur.

   130     if(!second)

   131     {

   132         $('#spinner').remove();

   133         

   134         $('#secondPointer').fadeTo(this.config.timeFilling, '0');

   135         

   136         if(this.isTLSelectedBySecondPointer)

   137         {

   138             //On déselectionne la TL.

   139             this.exitTimeline('');

   140         }

   141     }

   142 }

   143 

   144 /*

   145  * Assure les interactions des pointeurs avec la mosaique.

   146  * Est appelé dans le fichier :

   147  * pointers > fonction refreshPointers.

   148 */

   149 Mosaic.prototype.pointersMosaicInteractions = function(pointerX, pointerY, isMainPointer)

   150 {

   151 	var snapshot = null, isOtherPointerDisplayed, pointer, pointerImg;

   152 	

   153 	if(isMainPointer)

   154 	{

   155 		isOtherPointerDisplayed = this.isSecondPointerDisplayed;

   156 		pointer = $('#mainPointer');

   157 		pointerImg = 'url(./img/cursors/pointer.png)';

   158 	}

   159 	else

   160 	{

   161 		isOtherPointerDisplayed = this.isMainPointerDisplayed;

   162 		pointer = $('#secondPointer');

   163 		pointerImg = 'url(./img/cursors/pointer2.png)';

   164 	}

   165 	

   166 	//On regarde si on est sur un snapshot.

   167 	snapshot = this.pointerPositionToSN(pointerX, pointerY, true);

   168 	

   169 	//Si c'est le cas, on récupère son id.

   170 	if(this.previousZoomedSN != null)

   171 	{

   172 		var id = this.previousZoomedSN.attr('id').replace('snapshotDiv-', '');

   173 	}

   174 	

   175 	//Sinon, on effectue un preunzoom et on redonne son apparence au pointeur principal.

   176 	if(snapshot == null)

   177 	{

   178 		this.isOnASnapshot = false;

   179 		this.lastNonNullSN = this.previousZoomedSN;

   180 		this.preUnzoom();

   181 		

   182 		var image

   183 		

   184 		pointer.css('background-image', pointerImg);

   185 	}

   186 	

   187 	//Si le pointeur secondaire n'est pas affiché et qu'on est sur un snapshot ou que le dernier snapshot sur lequel on est allé n'est pas nul et que les deux pointeurs ne sont pas là en même temps.

   188 	if(!isOtherPointerDisplayed && snapshot != null && (this.previousZoomedSN != null && snapshot.attr('id') !== this.previousZoomedSN.attr('id') || this.lastNonNullSN != null && snapshot.attr('id') === this.lastNonNullSN.attr('id')) && !this.areBothPointersHere)

   189 	{

   190 		//On prézoom sur le snapshot sélectionné et on change l'apparence du pointeur.

   191 		this.isOnASnapshot = true;

   192 		this.previousZoomedSN = snapshot;

   193 		this.lastNonNullSN = null;

   194 		this.preZoom(snapshot);

   195 		

   196 		pointer.css('background-image', 'url(./img/cursors/selector_gray.png)');

   197 	}

   198 	

   199 	//Si on se trouve actuellement dans une recherche par gestures.

   200 	if(this.isMosaicFiltered && !this.isMosaicFiltering)

   201 	{

   202 		//On vérifie si on se trouve sur une notification.

   203 		this.checkIfPointerIsOnSearchNotification(pointerX, pointerY, pointer);

   204 	}

   205 }

   206 

   207 /*

   208  * Assure les interactions des pointeurs avec la mosaique.

   209  * Est appelé dans le fichier :

   210  * pointers > fonction refreshPointers.

   211 */

   212 Mosaic.prototype.pointersVideoInteractions = function(pointerX, pointerY, isMainPointer)

   213 {

   214 	var _this = this, pointer, thisPointerNeighbourSelectedId, pointerImg, thisPointerExitBorder, otherPointerExitBorder;

   215 	

   216 	if(isMainPointer)

   217 	{

   218 		pointer = $('#mainPointer');

   219 		thisPointerNeighbourSelectedId = this.mainPointerNeighbourSelectedId;

   220 		pointerImg = 'url(./img/cursors/pointer.png)';

   221 		thisPointerExitBorder = this.mainPointerExitBorder;

   222 		otherPointerExitBorder = this.secondPointerExitBorder;

   223 	}

   224 	else

   225 	{

   226 		pointer = $('#secondPointer');

   227 		thisPointerNeighbourSelectedId = this.secondPointerNeighbourSelectedId;

   228 		pointerImg = 'url(./img/cursors/pointer2.png)';

   229 		thisPointerExitBorder = this.secondPointerExitBorder;

   230 		otherPointerExitBorder = this.mainPointerExitBorder;

   231 	}

   232 	

   233 	var zoomX = pointerX - this.notifyLeftVideo, zoomY = pointerY - this.notifyTopVideo;

   234 		

   235 	//On calcule les interactions du pointeur avec la timeline.

   236 	this.pointersTimelineSelection(pointerX, pointerY, isMainPointer);

   237 	

   238 	//Si on se trouve actuellement dans une recherche par gestures.

   239 	if(this.isCurrentlyInASearchByGesture)

   240 	{

   241 		this.checkIfPointerIsOnSearchNotification(pointerX, pointerY, pointer);

   242 	}

   243 	

   244 	//on vérifie si le pointeur est sur un snapshot zoomé.

   245 	snapshot = this.pointerPositionToSN(zoomX, zoomY, true);

   246 	if(snapshot == null)

   247 	{

   248 		pointer.css('background-image', pointerImg);

   249 		snapshot = this.pointerPositionToAN(pointerX, pointerY);

   250 	}

   251 	

   252 	var intValueOfId;

   253 	//Si c'est le cas.

   254 	if(snapshot != null && snapshot.length > 0)

   255 	{

   256 		//S'il s'agit d'un voisin additionnel.

   257 		if(snapshot.attr('id').indexOf('borderNeighbour') != -1)

   258 		{

   259 			intValueOfId = parseInt(snapshot.attr('id').replace('borderNeighbour-', ''));

   260 		}

   261 		//Sinon si c'est un voisin normal.

   262 		else

   263 		{

   264 			intValueOfId = parseInt(snapshot.attr('id').replace('snapshotDiv-', ''));

   265 		}

   266 	}

   267 	else

   268 	{

   269 		intValueOfId = -2;

   270 	}

   271 	

   272 	//Si c'est un voisin additionnel.

   273 	if(snapshot != null && snapshot.attr('id').indexOf('borderNeighbour') != -1)

   274 	{

   275 		//S'il a été trouvé parmi les voisins du centre.

   276 		if(intValueOfId > -1 && intValueOfId < 5)

   277 		{

   278 			//On le sélectionne.

   279 			this.selectNeighbour(snapshot, pointer);

   280 			if(isMainPointer)

   117 				// console.log('ONE');

   282 				this.mainPointerExitBorder = true;

   118 				/*$('#secondPointer').css(

   283 				this.mainPointerNeighbourSelectedId = intValueOfId + this.config.imagesToShow;

   119 				{

   120 					'background-image': 'url(./img/cursors/selector_gray.png)',

   121 					width: 85,

   122 					height: 85

   123 				});*/

   124 			}

   125 		}

   126 	}

   127 	

   128 	//Si le booléen est à faux, on masque le pointeur.

   129 	if(!second)

   130 	{

   131 		$('#spinner').remove();

   132 		

   133 		$('#secondPointer').fadeTo(this.config['timeFilling'], '0');

   134 		if(this.secondPointerNeighbourSelectedId != null)

   135 		{

   136 			// this.deselectNeighbour(this.secondPointerNeighbourSelectedId);

   137 		}

   138 		

   139 		if(this.isTLSelectedBySecondPointer)

   140 		{

   141 			//On déselectionne la TL.

   142 			this.exitTimeline('');

   143 		}

   144 	}

   145 }

   146 

   147 /*

   148  * Raffraîchit la position des pointeurs.

   149 */

   150 mosaic.prototype.refreshMainPointer = function(x, y)

   151 {

   152 	// console.log('                                    DEBUG MP');

   153 	if(this.currentMode == "NO-USER" || this.currentMode.indexOf('INCOMING-') != -1)

   154 	{

   155 		return;

   156 	}

   157 	

   158 	if(!this.mouseInteractions)

   159 	{

   160 		x *= 7;

   161 		y *= 7;

   162 		x -= $(window).width() * 3 / 4;

   163 		y -= $(window).height() * 2 / 4;

   164 	}

   165 	

   166 	//Si le pointeur quitte la fenêtre en X, on ne le change pas.

   167 	// console.log('x : ' + x + ' mplx : ' + this.mainPointerLastX);

   168 	if(x < 0 || x > $(window).width())

   169 	{

   170 		x = this.mainPointerLastX;

   171 	}

   172 	//Sinon, on le met à jour.

   173 	else

   174 	{

   175 		this.mainPointerLastX = x;

   176 	}

   177 	

   178 	//Si le pointeur quitte la fenêtre en Y, on ne le change pas.

   179 	if(y < 0 || y > $(window).height())

   180 	{

   181 		y = this.mainPointerLastY;

   182 	}

   183 	//Sinon, on le met à jour.

   184 	else

   185 	{

   186 		this.mainPointerLastY = y;

   187 	}

   188 	

   189 	var pointerX, pointerY;

   190 

   191 	if(this.mouseInteractions)

   192 	{

   193 		pointerX = x;

   194 		pointerY = y;

   195 	}

   196 	else

   197 	{

   198 		pointerX = x - $('#mainPointer').width()/2;

   199 		pointerY = y - $('#mainPointer').height()/2;

   200 	}

   201 	var _this = this;

   202 	

   203 	$('#mainPointer').css(

   204 	{

   205 		top: pointerY,

   206 		left: pointerX

   207 	});

   208 	

   209 	if($('#spinner').length > 0)

   210 	{

   211 		$('#spinner').css(

   212 		{

   213 			top: pointerY,

   214 			left: pointerX

   215 		});

   216 	}

   217 	

   218 	var snapshot = null;

   219 	

   220 	if(this.currentMode == 'MOSAIC' || this.currentMode == 'FILTER' && this.isMosaicFiltered)

   221 	{

   222 		snapshot = this.pointerPositionToSN(pointerX, pointerY, true);

   223 		

   224 		if(this.previousZoomedSN != null)

   225 		{

   226 			var id = this.previousZoomedSN.attr('id').replace('snapshotDiv-', '');

   227 		}

   228 		

   229 		if(snapshot == null)

   230 		{

   231 			this.isOnASnapshot = false;

   232 			this.lastNonNullSN = this.previousZoomedSN;

   233 			this.preUnzoom();

   234 			

   235 			$('#mainPointer').css('background-image', 'url(./img/cursors/pointer.png)');

   236 		}

   237 		

   238 		if(!this.isSecondPointerDisplayed && snapshot != null && (this.previousZoomedSN != null && snapshot.attr('id') !== this.previousZoomedSN.attr('id') || this.lastNonNullSN != null && snapshot.attr('id') === this.lastNonNullSN.attr('id')) && !this.areBothPointersHere)

   239 		{

   240 			this.isOnASnapshot = true;

   241 			this.previousZoomedSN = snapshot;

   242 			this.lastNonNullSN = null;

   243 			this.preZoom(snapshot);

   244 			

   245 			$('#mainPointer').css('background-image', 'url(./img/cursors/selector_gray.png)');

   246 			// console.log(this.isMainPointerDisplayed + ' ' + this.isSecondPointerDisplayed);

   247 		}

   248 		

   249 		//Si on se trouve actuellement dans une recherche par gestures.

   250 		// /!\ // RAJOUTE EN ATTENDANT UN GESTE DE CANCEL.

   251 		if(this.isMosaicFiltered && !this.isMosaicFiltering)

   252 		{

   253 			//console.log('CHECK IF ON NOTIFY GESTURE');

   254 			this.checkIfPointerIsOnSearchNotification(pointerX, pointerY, $('#mainPointer'));

   255 		}

   256 	}

   257 	else if(this.currentMode == 'VIDEO' || this.currentMode == 'SEARCH' || this.currentMode == 'TIMELINE')

   258 	{

   259 		//On vérifie si on veut sélectionner la TL.

   260 		if((this.currentMode != 'TIMELINE' || this.isTLRequested) && this.playerIsReady && !this.isTLSelectedBySecondPointer && !this.helpDisplayed)

   261 		{

   262 			// console.log('(1) SP : ' + this.isTLSelectedBySecondPointer + ' MP : ' + this.isTLSelectedByMainPointer);

   263 			if(this.isTLSelected(true, true) && !this.isTLRequested)

   264 			{

   265 				// console.log('(2) TIMELINE REQUESTED ' + this.date());

   266 				// $('.a').css('background-color', '#f00');

   267 				//On a demandé à aller dans la TL.

   268 				this.isTLRequested = true;

   269 				this.isTLSelectedByMainPointer = true;

   270 				this.isTLSelectedBySecondPointer = false;

   271 				// console.log('(1) SP : ' + this.isTLSelectedBySecondPointer + ' MP : ' + this.isTLSelectedByMainPointer);

   272 				this.currentMode = 'TIMELINE';

   273 				this.player.widgets[0].selectTimeline();

   274 				$('#mainPointer').css('background-image', 'url(./img/cursors/selector_gray.png)');

   275 				

   276 				if(!this.mouseInteractions)

   277 				{

   278 					//On met le spinner gif sur le pointeur.

   279 					var spinner = "<img id='spinner'></div>";

   280 					$('body').append(spinner);

   281 					$('#spinner').css(

   282 					{

   283 						position: 'absolute',

   284 						top: $('#mainPointer').position().top,

   285 						left: $('#mainPointer').position().left,

   286 						width: 85,

   287 						height: 85,

   288 						'z-index': 600

   289 					});

   290 					$('#spinner').attr('src', './img/cursors/selector_anim.gif');

   291 				}

   292 				

   293 				this.selectTLTimeout = setTimeout(function()

   294 				{

   295 					//On permet l'interaction après un laps de temps.

   296 					_this.canSlideInTL = true;

   297 					

   298 					_this.removeNotifications();

   299 					_this.timelineTimeline();

   300 					

   301 					// console.log('(4) TIMELINE SLIDE ' + _this.date());

   302 				}, this.config['timeoutSlideTL']);

   303 			}

   304 			else if(!this.isTLSelected(true, true) && this.isTLRequested)

   305 			{

   306 				// console.log('(3) TIMELINE ABORTED');

   307 				this.isTLRequested = false;

   308 				clearTimeout(this.selectTLTimeout);

   309 				//On déselectionne la TL.

   310 				this.exitTimeline('');

   311 			}

   312 		}

   313 		

   314 		if(this.isTLSelectedByMainPointer && !this.isTLSelected(false, true))

   315 		{

   316 			// console.log('(4) TIMELINE EXITED');

   317 			// $('.a').css('background-color', '#0f0');

   318 			

   319 			//On déselectionne la TL.

   320 			this.exitTimeline('');

   321 		}

   322 

   323 		// var zoomX = pointerX, zoomY = pointerY;

   324 		var zoomX = pointerX - this.notifyLeftVideo, zoomY = pointerY - this.notifyTopVideo;

   325 		

   326 		//Si on a sélectionné la TL et qu'on a le pointeur droit dessus, on peut modifier la position de lecture.

   327 		if(this.currentMode == 'TIMELINE' && this.playerIsReady && !this.isSecondPointerDisplayed && this.canSlideInTL)

   328 		{

   329 			var time, TL = $('.Ldt-Timeline'), P = $('.LdtPlayer');

   330 			

   331 			if(pointerX < P.position().left)

   332 			{

   333 				time = 0;

   334 				// console.log('trop à droite');

   335 			}

   336 			else if(pointerX > (+P.position().left + TL.width()))

   337 			{

   338 				time = this.player.widgets[0].source.getDuration().getSeconds();

   339 				// console.log('trop à gauche');

   340 				// time = 0;

   344 				time = this.player.widgets[0].scaleIntervals(P.position().left, (+P.position().left + TL.width()), 0, this.player.widgets[0].source.getDuration().getSeconds(), pointerX);

   287 				this.secondPointerExitBorder = true;

   345 				// console.log(time);

   288 				this.secondPointerNeighbourSelectedId = intValueOfId + this.config.imagesToShow;

   347 			

   290 		}

   348 			this.player.popcorn.currentTime(time);

   291 		else

   349 		}

   292 		{

   350 		

   293 			//Sinon on le déselectionne.

   351 		

   294 			if(thisPointerNeighbourSelectedId != null && thisPointerNeighbourSelectedId > -1)

   352 		//Si on se trouve actuellement dans une recherche par gestures.

   353 		if(this.isCurrentlyInASearchByGesture)

   354 		{

   355 			this.checkIfPointerIsOnSearchNotification(pointerX, pointerY, $('#mainPointer'));

   356 		}

   357 		

   358 		//on vérifie si le pointeur est sur un snapshot zoomé.

   359 		snapshot = this.pointerPositionToSN(zoomX, zoomY, true);

   360 		if(snapshot == null)

   361 		{

   362 			$('#mainPointer').css('background-image', 'url(./img/cursors/pointer.png)');

   363 			snapshot = this.pointerPositionToAN(pointerX, pointerY);

   364 		}

   365 		

   366 		// console.log(snapshot);

   367 		

   368 		var intValueOfId;

   369 		//Si c'est le cas.

   370 		if(snapshot != null && snapshot.length > 0)

   371 		{

   372 			//S'il s'agit d'un voisin additionnel.

   373 			if(snapshot.attr('id').indexOf('borderNeighbour') != -1)

   375 				intValueOfId = parseInt(snapshot.attr('id').replace('borderNeighbour-', ''));

   296 				this.deselectNeighbour(thisPointerNeighbourSelectedId);

   377 			//Sinon si c'est un voisin normal.

   298 		}

   378 			else

   299 	}

   300 	else

   301 	{

   302 		//Si c'est un voisin.

   303 		if(_.include(this.neighboursIds, intValueOfId))

   304 		{

   305 			//On le sélectionne.

   306 			this.selectNeighbour(snapshot, pointer);

   307 			clearTimeout(this.moveToNeighbourTimeout);

   308 			if(isMainPointer)

   706 			else

   320 		}

   321 		else

   322 		{

   323 			//Sinon on déselectionne le snapshot.

   324 			if(thisPointerNeighbourSelectedId != null && thisPointerNeighbourSelectedId > -1)

   708 				if(this.secondPointerNeighbourSelectedId != null && this.secondPointerNeighbourSelectedId > -1)

   326 				this.deselectNeighbour(thisPointerNeighbourSelectedId);

   327 				

   328 				//Si le pointeur quitte le voisin sans que l'autre pointeur ne fasse de même ailleurs.

   329 				if(thisPointerExitBorder && !otherPointerExitBorder)

   710 					this.deselectNeighbour(this.secondPointerNeighbourSelectedId);

   331 					//On va vers le voisin.

   711 					

   332 					this.correctMoveToNeighbour(thisPointerNeighbourSelectedId, zoomX, zoomY);

   712 					if(!this.mainPointerExitBorder && this.secondPointerExitBorder)

   333 				}

   334 				

   335 				//Il n'est possible de se déplacer vers un voisin que dans un certain laps de temps lorsqu'on quitte la sélection d'un voisin.

   336 				this.moveToNeighbourTimeout = setTimeout(function()

   337 				{

   338 					_this.canMoveToNeighbour = false;

   339 				}, this.config.timeoutMoveToNeighbour);

   340 				

   341 				if(isMainPointer)

   342 				{

   343 					this.mainPointerExitBorderTimeout = setTimeout(function()

   714 						this.correctMoveToNeighbour(this.secondPointerNeighbourSelectedId, zoomX, zoomY);

   345 						_this.mainPointerExitBorder = false;

   715 					}

   346 					}, this.config.timeoutUnzoom);

   716 					

   717 					this.moveToNeighbourTimeout = setTimeout(function()

   718 					{

   719 						_this.canMoveToNeighbour = false;

   720 					}, this.config['timeoutMoveToNeighbour']);

   721 					

   722 					this.secondPointerExitBorderTimeout = setTimeout(function()

   723 					{

   724 						if(_this.secondPointerExitBorder)

   725 						{

   726 							// console.log('Second pointer left');

   727 						}

   728 						_this.secondPointerExitBorder = false;

   729 					}, this.config['timeoutUnzoom']);

   730 					

   731 					this.checkForDezoom();

   732 				}

   733 			}

   734 		}

   735 	}

   736 }

   737 

   738 mosaic.prototype.detectIdlePointers = function()

   739 {

   740 	var mainPointer = $('#mainPointer');

   741 	var secondPointer = $('#secondPointer');

   742 	

   743 	//Si la position des pointeurs au début de l'analyse d'idle change de plus ou moins leur taille par rapport à leur position actuelle.

   744 	if(Math.abs(this.mainPointerIdleStartX - this.mainPointerLastX) > mainPointer.width() || Math.abs(this.mainPointerIdleStartY - this.mainPointerLastY) > mainPointer.height() ||

   745 	Math.abs(this.secondPointerIdleStartX - this.secondPointerLastX) > secondPointer.width() || Math.abs(this.secondPointerIdleStartY - this.secondPointerLastY) > secondPointer.height())

   746 	{

   747 		//On réinitialise les dernières positions connues.

   748 		this.mainPointerIdleStartX = this.mainPointerLastX;

   749 		this.mainPointerIdleStartY = this.mainPointerLastY;

   750 		this.secondPointerIdleStartX = this.secondPointerLastX;

   751 		this.secondPointerIdleStartY = this.secondPointerLastY;

   752 		

   753 		this.removeIdlePointers();

   754 		this.pointersIdleNeedLaunch = true;

   755 	}

   756 	

   757 	if(this.helpDisplayed)

   758 	{

   759 		this.removeHelp();

   760 	}

   761 	

   762 	if((this.currentMode == 'SEARCH' || this.currentMode == 'FILTER') && !this.isSearchByCurvesOn)

   763 	{

   764 		// this.isSearchByCurvesOn = true;

   765 		// this.startSearch();

   766 	}

   767 	// console.log('DETECT IDLE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!');

   768 }

   769 

   770 mosaic.prototype.removeIdlePointers = function()

   771 {

   772 	clearTimeout(this.pointersSearchIdleTimeout);

   773 	// console.log(this.date() + ' - ra');

   774 }

   775 

   776 mosaic.prototype.launchIdlePointers = function()

   777 {

   778 	var _this = this;

   779 	

   780 	//Si on est en mode TL, on ne peut pas effectuer de recherche.

   781 	if(this.currentMode == 'TIMELINE' || (!this.playerIsReady && (this.currentMode == 'VIDEO' || this.currentMode == 'SEARCH')))

   782 	{

   783 		return;

   784 	}

   785 	

   786 	if(this.currentMode == 'VIDEO')// || this.currentMode == 'SEARCH')

   787 	{

   788 		//On peut le faire que sur la video au dessus de la TL.

   789 		var mainPointer = $('#mainPointer'), secondPointer = $('#secondPointer'), TL = $('.Ldt-Timeline');

   790 		var TLwidth = TL.width(), TLheight = TL.height();

   791 		var Ptop = $('.LdtPlayer').position().top, Pleft = $('.LdtPlayer').position().left;

   792 		var Pheight = $('.LdtPlayer').height();

   793 		var MPx = mainPointer.position().left + mainPointer.width() / 2, MPy = mainPointer.position().top + mainPointer.height() / 2;

   794 		var SPx = secondPointer.position().left + secondPointer.width() / 2, SPy = secondPointer.position().top + secondPointer.height() / 2;

   795 		

   796 		if(MPx < Pleft || MPx > (+Pleft + TLwidth) || MPy < Ptop || MPy > (+Ptop + Pheight - TLheight) ||

   797 		SPx < Pleft || SPx > (+Pleft + TLwidth) || SPy < Ptop || SPy > (+Ptop + Pheight - TLheight))

   798 		{

   799 			return;

   800 		}

   801 	}

   802 	

   803 	//A la fin du timeout, si rien n'est venu l'interrompre, on entre en recherche/filtrage en fonction du mode dans lequel on se trouve.

   804 	this.pointersSearchIdleTimeout = setTimeout(function()

   805 	{

   806 		if(!_this.areBothPointersHere)

   807 		{

   808 			return;

   809 		}

   810 		

   811 		// console.log('rdy for idle');

   812 		

   813 		if(_this.currentMode == "MOSAIC")

   814 		{

   815 			_this.currentMode = "FILTER";

   816 			// _this.currentMode = "FILTR";

   817 			_this.isMosaicFiltered = true;

   818 			

   819 			console.log(_this.date() + ' - ENTRE EN MODE FILTRAGE');

   820 			

   821 			_this.removeNotifications();

   822 			_this.filterSearch();

   823 		}

   824 		else if(_this.currentMode == "VIDEO" || _this.currentMode == "TIMELINE")

   825 		{

   826 			_this.currentMode = "SEARCH";

   827 			

   828 			console.log(_this.date() + ' - ENTRE EN MODE RECHERCHE');

   829 			// console.log('');

   830 			

   831 			_this.removeNotifications();

   832 			_this.searchSearch();

   833 		}

   834 		

   835 		if(!_this.canNotifyHelp)

   836 		{

   837 			_this.canNotifyHelpTimeout = setTimeout(function()

   838 			{

   839 				// console.log(_this.date() + ' CAN NOTIFY HELP');

   840 				_this.canNotifyHelp = true;

   841 			}, _this.config['timeoutCanNotifyHelp']);

   842 		}

   843 		

   844 		//Si on est déjà en recherche, et que l'aide n'est pas encore affichée, on l'affiche.

   845 		/*if(_this.currentMode == 'SEARCH' && _this.canNotifyHelp)

   846 		{

   847 			_this.notifyHelp(false);

   848 		}

   849 		if(_this.currentMode == 'FILTER' && _this.canNotifyHelp)

   850 		{

   851 			_this.notifyHelp(true);

   852 		}*/

   853 		

   854 	}, this.config['timeoutPointersIdle']);

   855 }

   856 

   857 mosaic.prototype.checkForBothPointersHere = function()

   858 {

   859 	var _this = this;

   860 	

   861 	if(!this.areBothPointersTimeoutLaunched)

   862 	{

   863 		this.areBothPointersHereTimeout = setTimeout(function()

   864 		{

   865 			_this.areBothPointersHere = false;

   866 			/*if(_this.isSearchByCurvesOn)

   867 			{

   868 				_this.leaveSearch();

   869 			}*/

   870 		}, this.config['timeoutAreBothPointersHere']);

   871 		

   872 		this.areBothPointersHereTimeoutLaunched = true;

   873 	}

   874 }

   875 

   876 mosaic.prototype.removeCheckForBothPointersHere = function()

   877 {

   878 	// console.log('TRY QUIT');

   879 	

   880 	// if(this.areBothPointersTimeoutLaunched)

   881 	// {

   882 		clearTimeout(this.areBothPointersHereTimeout);

   883 		// console.log('QUIT');

   884 	// }

   885 	this.areBothPointersHereTimeoutLaunched = false;

   886 }

   887 

   888 /*

   889  * Vérifie si on se trouve sur la notification de recherche par gesture.

   890 */

   891 mosaic.prototype.checkIfPointerIsOnSearchNotification = function(x, y, pointer)

   892 {

   893 	var _this = this;

   894 	var notification_search = $('#notify_search_1gesture');

   895 	

   896 	//Si la notification de recherche existe (dans le player).

   897 	if(notification_search.length > 0)

   898 	{

   899 		//Pictogramme actuel de la notification.

   900 		var currentPicto = notification_search.css('background-image');

   901 

   902 		//y -= this.MPTop_margin;

   903 		

   904 		/*console.log('===================================');

   905 		console.log('x : ' + x + ' > ' + notification_search.position().left);

   906 		console.log('x : ' + x + ' < ' + (+notification_search.position().left + notification_search.width()));

   907 		console.log('y : ' + y + ' > ' + notification_search.position().top);

   908 		console.log('y : ' + y + ' < ' + (+notification_search.position().top + notification_search.height()));

   909 		console.log('===================================');*/

   910 		

   911 		//Si le pointeur est sur la notification.

   912 		if(x > notification_search.position().left && x < (+notification_search.position().left + notification_search.width()) && y > notification_search.position().top && y < (+notification_search.position().top + notification_search.height()))

   913 		{

   914 			/*if($('#a').length == 0)

   915 			{

   916 				var a = "<div id='a'></div>";

   917 				$('body').append(a);

   918 				$('#a').css(

   919 				{

   920 					left: notification_search.position().left,

   921 					top: notification_search.position().top,

   922 					width: notification_search.width(),

   923 					height: notification_search.height(),

   924 					"background-color": "#fff",

   925 					position: 'absolute',

   926 				});

   927 			}*/

   928 			

   929 			if(!this.alreadyOnNotification && ($('#spinner').length == 0 && !this.mouseInteractions || this.mouseInteractions))

   930 			{