/*

 * Affecte les listeners mouseenter aux voisins lors d'une vue en plein écran.

 */

mosaic.prototype.listenToNeighbours = function()

{

    ////TEST

    //$('.test').empty();

	console.log('LISTEN TO NEIGHBOURS');

	$('.notifications').remove();

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

	{

		return;

	}

	// console.log('MODE : ' + this.currentMode);

	if(this.neighboursIds == null || this.neighboursIds != null && this.neighboursIds.length > 0)

	{

		return;

	}

    var _this = this;

	this.canMoveToNeighbour = false;

    var currentLine = Math.floor(this.centerId / this.config['length']), currentColumn = this.centerId % this.config['length'];

    var zoomedImg = $('img', this.previousZoomedSN);

    //On cherche l'ID des voisins.

    //Si le voisin de gauche est sur la même ligne, on n'est pas sur la bordure de gauche.

    this.neighboursIds[0] = (currentColumn > 0) ? (this.centerId - 1) : -1;

    //Si le voisin de droite est sur la même ligne, on n'est pas sur la bordure de droite.

    this.neighboursIds[1] = (currentColumn < this.config['length'] - 1) ? (+this.centerId + 1) : -1;

    //Si le voisin du haut est sur la même colonne, on n'est pas sur la bordure du haut.

    this.neighboursIds[2] = (currentLine > 0) ? (this.centerId - this.config['length']) : -1;

    //Si le voisin du bas est sur la même colonne, on n'est pas sur la bordure du bas.

    this.neighboursIds[3] = (currentLine < (this.config['imagesToShow'] / this.config['length'])) ? (+this.centerId + this.config['length']) : -1;

	//ID du cadre voisin.

	var preId;

    for(var i = 0 ; i < this.neighboursIds.length ; i++)

    {

		// console.log('pre : ' + this.neighboursIds[i]);

		if(this.neighboursIds[i] >= this.config['imagesToShow'])

		{

			this.neighboursIds[i] = -1;

		}

    }

	// console.log('neighbours : ', this.neighboursIds);

	//Si on est sur une bordure.

	//On crée des voisins supplémentaires.

	if(_.include(this.neighboursIds, -1))

	{

		this.createAdditionalNeighbours();

	}

}

/*

 * Crée des voisins supplémentaires pour garantir le déplacement / dézoom quand on arrive sur le bord de la mosaïque.

*/

mosaic.prototype.createAdditionalNeighbours = function()

{

	if(this.currentMode == "NO-USER")

	{

		return;

	}

	// console.log('Create additional neighbours');

	var additionalNeighbours = '';

	for(var i = 0 ; i < this.neighboursIds.length ; i++)

	{

		var sn = $('#snapshotDiv-' + this.centerId);

		var m = parseInt(sn.css('margin'));

		var centerTop = sn.position().top + this.notifyTopVideo + this.MPTop_margin, centerLeft = sn.position().left + this.notifyLeftVideo;

		var centerWidth = sn.width(), centerHeight = sn.height();

		// console.log('top : ' + sn.position().top + ', left : ' + this.notifyTopVideo + ' ' + this.notifyLeftVideo + ' ' + this.centerId);

		// console.log(this.neighboursIds[i]);

		var top, left;

		if(this.neighboursIds[i] == -1)

		{

			if(i == 0)

			{

				top = centerTop + m / 2;

				left = centerLeft - centerWidth - 2 * m;

			}

			else if(i == 1)

			{

				top = centerTop + m / 2;

				left = centerLeft + centerWidth + 3 * m;

			}

			else if(i == 2)

			{

				top = centerTop - centerHeight - 2 * m;

				left = centerLeft + m / 2;

			}

			else if(i == 3)

			{

				top = centerTop + centerHeight + 3 * m;

				left = centerLeft + m / 2;

			}

			additionalNeighbours += '<div id="borderNeighbour-' + i + '" class="borderNeighbours" style="opacity: 0; width: ' + centerWidth + 'px; height: ' + centerHeight + 'px; top: ' + top + 'px; left: ' + left + 'px;"></div>';

		}

	}

	// console.log(additionalNeighbours);

	$('body').append(additionalNeighbours);

	$('.borderNeighbours').fadeTo(this.config['timeANFade'], '1');

}

/*

 * Supprime les voisins supplémentaires.

*/

mosaic.prototype.removeAdditionalNeighbours = function()

{

	$('.borderNeighbours').fadeTo(this.config['timeANFade'], '0', function()

	{

		$('.borderNeighbours').remove();

	});

	this.deselectAllNeighbours();

}

/*

 * Déselectionne tous les voisins, même les additionnels.

*/

mosaic.prototype.deselectAllNeighbours = function()

{

	$('.neighbourFrame').fadeTo(this.config['timeANFade'], '0', function()

	{

		$('.neighbourFrame').remove();

	});

}

/*

 * Change la coloration d'une bordure où on se positionne lors d'une vue en plein écran.

 */

mosaic.prototype.selectNeighbour = function(neighbour, pointer)

{

    ////TEST

    //$('.test').append(mos.currentMode + " " + $(this).attr('id') + " " + 'snapshotDiv-' + mos.centerId + ',');

	// console.log(this.currentlyMoving, this.currentlyUnzooming, this.helpDisplayed);

	if(this.currentlyMoving || this.currentlyUnzooming || this.helpDisplayed)

	{

		return;

	}

	// console.log('test (2)');

	this.canSwipe = false;

	var _this = this;

	// console.log('SEL NEI', this.neighbourIds);

    //Si on est en mode VIDEO (plein écran) ET si le snapshot pointé est un voisin.

	// console.log('test (3)');

    if((this.currentMode == 'VIDEO' || this.currentMode == 'SEARCH') && (neighbour.attr('id') != 'snapshotDiv-' + this.centerId))

    {

        //On crée le cadre qui va être superposé au voisin.

        //On le colle au voisin.

		var tab = neighbour.attr('id').split('-');

		var snapshotId = tab[1];

        var neighbourFrame = '';

		var marginValue = parseFloat(neighbour.css('margin'));

		//Si la frame existe déjà, on quitte.

		if($('#neighbourFrame-' + snapshotId).length > 0)

		{

			return;

		}

		//Si c'est un voisin additionnel.

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

		{

			snapshotId = +snapshotId + this.config['imagesToShow'];

			neighbourFrame += '<div class="neighbourFrame" id="neighbourFrame-' + snapshotId + '"></div>';

			if($('#neighbourFrame-' + snapshotId).length > 0)

			{

				return;

			}

			$('body').append(neighbourFrame);

		}

		else

		{

			neighbourFrame += '<div class="neighbourFrame" id="neighbourFrame-' + snapshotId + '"><div class="neighbourImgBg" id="neighbourImgBg-' + snapshotId + '"><div class="neighbourImg" id="neighbourImg-' + snapshotId + '"></div></div></div>';

			if($('#neighbourFrame-' + snapshotId).length > 0)

			{

				return;

			}

			$('#mainPanel').append(neighbourFrame);

		}

		//On positionne le div de background juste au niveau du voisin.

        $('#neighbourFrame-' + snapshotId).css(

		{

			'top': (+neighbour.position().top + marginValue),

			'left': (+neighbour.position().left + marginValue),

			'width': neighbour.width(),

			'height': neighbour.height()

		});

		//On positionne le div de background noir juste au niveau de l'image du voisin.

        $('#neighbourImgBg-' + snapshotId).css(

		{

			'top': marginValue,

			'left': marginValue,

			'width': neighbour.width() - marginValue*2,

			'height': neighbour.height() - marginValue*2,

		});

		//On met par dessus le div de l'image clonée du voisin.

		$('#neighbourImg-' + snapshotId).css(

		{

			'top': 0,

			'left': 0,

			'width': neighbour.width() - marginValue*2,

			'height': neighbour.height() - marginValue*2,

			'background-image': 'url("' + $('img', neighbour).attr('src') + '")',

			'background-size': neighbour.width() + 'px ' + neighbour.height() + 'px',

			'background-position': -marginValue + 'px ' + -marginValue + 'px',

			'opacity': '0.4'

		});

		var fId = '#neighbourFrame-' + snapshotId;

		$(fId).animate(

        {

            //On le fait apparaître.

            opacity: '1'

        }, _this.config['timeNeighbourGlowing'], function()

		{

			console.log('SWAG !!!', _this.currentMode, _this.currentSearchGesture);

			if(_this.currentMode == 'VIDEO')

			{

				$('.notifications').remove();

				_this.videoMoveAndUnzoom(snapshotId);

			}

			else if(_this.currentMode == 'SEARCH' && !_this.currentSearchGesture)

			{

				$('.notifications').remove();

				_this.searchSearchAndMoveAndUnzoom(snapshotId);

			}

			else if(_this.currentMode == 'SEARCH' && _this.currentSearchGesture)

			{

				$('.notifications').remove();

				console.log('swag');

				_this.searchGestureAndMoveAndUnzoom(_this.currentSearchGesture, 'valid', snapshotId);

			}

		});

		var side = $.inArray(parseInt(snapshotId), this.neighboursIds);

		if(side == -1)

		{

			return;

		}

		var sides = ['left', 'right', 'down', 'up'];

		pointer.css('background-image', 'url(./img/cursors/' + sides[side] + '_gray.png)');

    }

}

/*

 * Change la coloration d'une bordure quittée lors d'une vue en plein écran.

 */

mosaic.prototype.deselectNeighbour = function(neighbourId)

{

    ////TEST

    //$('.test').append('un,');

	//this.removeNotifyMoveUnzoom();

	if($('#neighbourFrame-' + neighbourId).length <= 0)

	{

		return;

	}

	var _this = this;

	// console.log('DES');

    //On ne peut plus se déplacer vers les voisins.

    this.canMoveToNeighbour = true;

	//On récupère le voisin.

	var neighbourFrame = $('#neighbourFrame-' + neighbourId);

    //Si on est en mode VIDEO.

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

    {

        //On le fait disparaître progressivement.

        neighbourFrame.animate(

        {

            opacity: '0'

        }, this.config['timeNeighbourUnglowing'], function()

        {

            //Une fois invisible, on le supprime.

            neighbourFrame.remove();

			$('.notifications').remove();

			if(_this.currentMode == 'SEARCH' && !_this.currentSearchGesture)

			{

				_this.searchSearch();

			}

			else if(_this.currentMode == 'SEARCH' && _this.currentSearchGesture)

			{

				_this.searchGesture(_this.currentSearchGesture, 'valid');

			}

			_this.canSwipe = true;

        });

    }

}

/*

 * Permet de savoir si un déplacement est possible en fonction de l'id de snapshot entré.

 * x et y sont les positions du pointeur.

 * Déplace vers le voisin si possible.

*/

mosaic.prototype.correctMoveToNeighbour = function(id, x, y)

{

	var _this = this;

	if(this.neighboursIds != null && this.neighboursIds.length > 0 && this.canMoveToNeighbour)

	{

		var idx = $.inArray(id, this.neighboursIds);

		//Si l'id du snapshot qu'on vient de quitter fait partie des voisins.

		if(idx > -1)

		{

			//Correspondance indices : position par rapport au snapshot du milieu.

			//0 : gauche.

			//1 : droite.

			//2 : haut.

			//3 : bas.

			//On cherche le symétrique de l'id du voisin quitté.

			//Astuce : S'il est pair, cela signifie qu'on doit faire +1, sinon c'est -1.

			//var sym = (idx % 2 == 0) ? (+idx + 1) : (idx - 1);

			//S'il est > -1 alors forcément il existe.

			//Si on peut se déplacer vers un voisin, on le fait.

			if(this.neighboursIds[idx] > -1)

			{

				var centerWidth = -this.notifyLeftVideo + $(window).width() / 2, centerHeight = -this.notifyTopVideo + $(window).height() / 2;

				// console.log('x : ' + x + ' cw : ' + centerWidth + ', y : ' + y + ' ch : ' + centerHeight);

				//Si l'id du tableau est pair, alors forcément le pointeur doit être plus à droite/plus en bas que le milieu de l'écran pour se déplacer vers le voisin.

				//Sinon c'est l'inverse.

				//(sym et idx on été échangés).

				if(idx == 0 && x > centerWidth || idx == 2 && y > centerHeight || idx == 1 && x < centerWidth || idx == 3 && y < centerHeight)

				{

					// console.log('d to (' + idx + ' - ' + this.neighboursIds[idx] + '): ' + this.imgs[this.neighboursIds[idx]]);

					this.moveToNeighbour($('#snapshotDiv-' + this.neighboursIds[idx]));