/*

* 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 : neighbours.js

 * 

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

 * 

 * Fonctionnalités : Définit les fonctions d'intéraction avec les voisins lors d'un zoom.

 */

/*

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

 * Est appelé : dans les fichiers neighbours > fonction moveToNeighbour et zoomInteractions > fonction zoom.

 */

Mosaic.prototype.listenToNeighbours = function()

{

    //Si on n'est pas en mode recherche, on enlève les notifications.

    if(this.currentMode != 'SEARCH')

    {

        this.removeNotifications();

    }

    //Si on est en mode sans utilisateur ou en mode utilisateur approche, on part.

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

    {

        return;

    }

    //Si ils n'y a pas de voisins répertoriés, on part.

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

    {

        return;

    }

    var _this = this;

    //On ne peut actuellement pas se déplacer vers un voisin.

    this.canMoveToNeighbour = false;

    //On calcule la ligne et colonne du snapshot du milieu.

    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.

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

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

    //ID du cadre voisin.

    var preId;

    //Si les voisins ont un id supérieur au maximum, on les met à -1.

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

    {

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

        {

            this.neighboursIds[i] = -1;

        }

    }

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

 * Est appelé : dans le fichier neighbours > fonction listenToNeighbours.

*/

Mosaic.prototype.createAdditionalNeighbours = function()

{

    //Si on est en mode sans utilisateur, on part.

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

    {

        return;

    }

    //Pour tous les voisins.

    var additionalNeighbours = '';

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

    {

        //Snapshot du milieu.

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

        //Marge de celui-ci.

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

        //Ses coordonnées.

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

        //Ses dimensions.

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

        var top, left;

        //Si on est sur une bordure, on calcule les coordonnées du voisin à l'extérieur de la bordure en fonction de sa position dans le tableau des voisins.

        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;

            }

            //On place le voisin additionnel.

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

        }

    }

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

    //On le fait apparaître.

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

}

/*

 * Supprime les voisins supplémentaires.

 * Est appelé : dans les fichiers neighbours > fonction moveToNeighbour et zoomInteractions > fonction unzoom.

*/

Mosaic.prototype.removeAdditionalNeighbours = function()

{

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

    {

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

    });

    this.deselectAllNeighbours();

}

/*

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

 * Est appelé : dans les fichier neighbours > fonction removeAdditionalNeighbours.

*/

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.

 * Est appelé : dans le fichier pointers > fonction pointersVideoInteractions.

 */

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

{

    //Si on est en train de se déplacer vers un voisin ou dézoomer ou si l'aide est affichée, on part.

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

    {

        return;

    }

    //Si on est sur une notification de gesture de recherche.

    if(this.gestureDelRequested)

    {

        //On récupère l'id du voisin.

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

        var snapshotId = tab[1];

        //On le déselectionne.

        this.deselectNeighbour(snapshotId);

        //On part.

        return;

    }

    //On ne peut pas faire de swipes.

    this.canSwipe = false;

    var _this = this;

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

	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)

        {

            //On le sélectionne quand même.

            snapshotId = +snapshotId + this.config.imagesToShow;

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

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

            {

                return;

            }

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

        }

        //Si c'est un voisin normal.

        else

        {

            //On le sélectionne.

            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()

        {

            //Si on est en mode d'intéraction souris.

            if(_this.config.mouseInteractions)

            {

                //Si on est en mode video.

                if(_this.currentMode == 'VIDEO')

                {

                    //On notifie.

                    _this.removeNotifications();

                    _this.videoMove(snapshotId);

                }

                //Si on est en mode de recherche mais sans gesture encore.

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

                {

                    //On notifie.

                    _this.removeNotifications();

                    _this.searchSearchAndMove(snapshotId);

                }

                //Si on est en mode de recherche avec une gesture.

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

                {

                    //On notifie.

                    _this.removeNotifications();

                    _this.searchGestureAndMove(_this.currentSearchGesture[_this.centerId], 'valid', snapshotId);

                }

                //On peut bouger vers un voisin.

                _this.canMoveToNeighbour = true;

            }

            //Si on est en mode d'intéractions Kinect.

            else

            {

                //Si on est en mode video, on notifie mais avec un dézoom possible.

                if(_this.currentMode == 'VIDEO')

                {

                    _this.removeNotifications();

                    _this.videoMoveAndUnzoom(snapshotId);

                }

                //Si on est en mode de recherche mais sans gesture encore, on notifie mais avec un dézoom possible.

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

                {

                    _this.removeNotifications();

                    _this.searchSearchAndMoveAndUnzoom(snapshotId);

                }

                //Si on est en mode de recherche avec une gesture, on notifie mais avec un dézoom possible.

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

                {

                    _this.removeNotifications();

                    _this.searchGestureAndMoveAndUnzoom(_this.currentSearchGesture[_this.centerId], 'valid', snapshotId);

                }

            }

        });

        //On repère de quel côté le voisin se trouve en fonction du centre.

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

        //S'il n'est nulle part on part.

        if(side == -1)

        {

            return;

        }

        //On affecte l'image de la notification en fonction du côté.

        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.

 * Est appelé : dans les fichiers neighbours > fonction selectNeighbour et pointers > fonction pointersVideoInteractions.

 */

Mosaic.prototype.deselectNeighbour = function(neighbourId)

{

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

    {

        return;

    }

    var _this = this;

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