/*

* This file is part of the TraKERS\Front IDILL package.

*

* (c) IRI <http://www.iri.centrepompidou.fr/>

*

* For the full copyright and license information, please view the LICENSE

* file that was distributed with this source code.

*/

/*

 * Projet : TraKERS

 * Module : Front IDILL

 * Fichier : pointers.js

 * 

 * Auteur : alexandre.bastien@iri.centrepompidou.fr

 * 

 * Fonctionnalités : Définit les fonctions d'interaction avec les pointeurs.

 */

/*

 * Affiche les pointeurs.

 * Est appelé dans le fichier :

 * mosaic > fonction loadMosaic.

*/

Mosaic.prototype.addPointers = function()

{

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

    if(this.config.mouseInteractions)

    {

        return;

    }

	this.minX = $(window).width();

	this.minY = $(window).height();

	this.maxX = 0;

	this.maxY = 0;

    //On crée et ajoute les pointeurs.

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

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

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

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

    $('#secondPointer').css(

    {

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

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

    });

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

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

    $('#mainPointer').css(

    {

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

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

    });

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

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

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

    this.mainPointerIdleStartX = this.mainPointerLastX;

    this.mainPointerIdleStartY = this.mainPointerLastY;

    this.secondPointerIdleStartX = this.secondPointerLastX;

    this.secondPointerIdleStartY = this.secondPointerLastY;

}

/*

 * Affiche/Masque le pointeur principal.

 * Main est un booléen valant vrai s'il faut afficher le pointeur.

 * Est appelé dans le fichier :

 * client > fonction processMsg.

*/

Mosaic.prototype.mainPointerDisplay = function(main)

{

    var _this = this;

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

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

    {

        if(main)

        {

            clearTimeout(this.arrowSpinnerTimeout);

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

        }

    }

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

    if(!main)

    {

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

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

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

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

        {

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

            if(this.isTLSelected())

            {

                this.isTLRequested = false;

                clearTimeout(this.selectTLTimeout);

            }

        }

        if(this.isTLSelectedByMainPointer)

        {

            //On déselectionne la TL.

            this.exitTimeline('');

        }

    }

}

/*

 * Affiche/Masque le pointeur secondaire.

 * Main est un booléen valant vrai s'il faut afficher le pointeur.

 * Est appelé dans le fichier :

 * client > fonction processMsg.

*/

Mosaic.prototype.secondPointerDisplay = function(second)

{

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

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

    {

        if(second)

        {

            clearTimeout(this.arrowSpinnerTimeout);

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

        }

    }

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

    if(!second)

    {

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

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

        if(this.isTLSelectedBySecondPointer)

        {

            //On déselectionne la TL.

            this.exitTimeline('');

        }

    }

}

/*

 * Assure les interactions des pointeurs avec la mosaique.

 * Est appelé dans le fichier :

 * pointers > fonction refreshPointers.

*/

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

{

	var snapshot = null, isOtherPointerDisplayed, pointer, pointerImg;

	if(isMainPointer)

	{

		isOtherPointerDisplayed = this.isSecondPointerDisplayed;

		pointer = $('#mainPointer');

		if(!this.isSearchByCurvesOn)

		{

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

		}

	}

	else

	{

		isOtherPointerDisplayed = this.isMainPointerDisplayed;

		pointer = $('#secondPointer');

		if(!this.isSearchByCurvesOn)

		{

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

		}

	}

	//On regarde si on est sur un snapshot.

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

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

	if(this.previousZoomedSN != null)

	{

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

	}

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

	if(snapshot == null)

	{

		this.isOnASnapshot = false;

		this.lastNonNullSN = this.previousZoomedSN;

		this.preUnzoom();

		var image

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

	}

	//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.

	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)

	{

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

		this.isOnASnapshot = true;

		this.previousZoomedSN = snapshot;

		this.lastNonNullSN = null;

		this.preZoom(snapshot);

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

	}

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

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

	{

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

		this.checkIfPointerIsOnSearchNotification(pointerX, pointerY, pointer);

	}

}

/*

 * Assure les interactions des pointeurs avec la mosaique.

 * Est appelé dans le fichier :

 * pointers > fonction refreshPointers.

*/

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

{

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

	if(isMainPointer)

	{

		pointer = $('#mainPointer');

		thisPointerNeighbourSelectedId = this.mainPointerNeighbourSelectedId;

		thisPointerExitBorder = this.mainPointerExitBorder;

		otherPointerExitBorder = this.secondPointerExitBorder;

		if(!this.isSearchByCurvesOn)

		{

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

		}

	}

	else

	{

		pointer = $('#secondPointer');

		thisPointerNeighbourSelectedId = this.secondPointerNeighbourSelectedId;

		thisPointerExitBorder = this.secondPointerExitBorder;

		otherPointerExitBorder = this.mainPointerExitBorder;

		if(!this.isSearchByCurvesOn)

		{

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

		}

	}

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

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

	this.pointersTimelineSelection(pointerX, pointerY, isMainPointer);

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

	if(this.currentSearchGesture[this.centerId])

	{

		this.checkIfPointerIsOnSearchNotification(pointerX, pointerY, pointer);

	}

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

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

	if(snapshot == null)

	{

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

		snapshot = this.pointerPositionToAN(pointerX, pointerY);

	}

	var intValueOfId;

	//Si c'est le cas.

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

	{

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

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

		{

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

		}

		//Sinon si c'est un voisin normal.

		else

		{

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

		}

	}

	else

	{

		intValueOfId = -2;

	}

	//Si c'est un voisin additionnel.

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

	{

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

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

		{

			//On le sélectionne.

			this.selectNeighbour(snapshot, pointer);

			if(isMainPointer)

			{

				this.mainPointerExitBorder = true;

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

			}

			else

			{

				this.secondPointerExitBorder = true;

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

			}

		}

		else

		{

			//Sinon on le déselectionne.

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

			{

				this.deselectNeighbour(thisPointerNeighbourSelectedId);

			}

		}

	}

	else

	{

		//Si c'est un voisin.

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

		{

			//On le sélectionne.

			this.selectNeighbour(snapshot, pointer);

			{

			}

			else

			{

			}

		}

		else

		{

			//Sinon on déselectionne le snapshot.

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

			{

				this.deselectNeighbour(thisPointerNeighbourSelectedId);

				{