/*

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

 * 

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

 * 

 * Fonctionnalités : Définit les fonctions de zoom/dezoom prezoom/preunzoom.

 */

 * Est appelé dans le fichier :

 * pointers > fonction pointersMosaicInteractions.

Mosaic.prototype.preZoom = function(snapshot)

    if(this.currentMode == "NO-USER" || this.currentMode.indexOf("INCOMING") > -1 || snapshot == null || this.helpDisplayed || this.isMosaicFiltering || this.isSearchByCurvesOn || this.gestureDelRequested)

    {

        return;

    }

    {

    }

	this.isPrezooming = true;

    this.preUnzoom();

    //On enlève les notifications initiales si elles existent.

    this.removeNotifications();

    var len = this.config.length, imgs = this.config.imagesToShow, margin = this.marginWidth;

    var prezoomPercentage = this.config.prezoomPercentage;

    {

        this.preUnzoom();

    }

    // console.log('cid : ' + currentId, $('#fake-' + currentId).length);

    // snapshot.fadeTo(400, '0.5').delay(200).fadeTo(400, '1');

        $('#prezoomContainer-' + currentId).css('display', 'block');

        {

        }

        {

        }

        {

        }

        {

        }

        }, _this.config.timePrezoom);

        }, _this.config.timePrezoom, function()

        {

			//On a fini de prézoomer.

			_this.isPrezooming = false;

            //Si on est en mode Kinect.

            if(!_this.config.mouseInteractions)

            {

                //On met le spinner gif sur le pointeur, s'il n'existe pas déjà.

                if($('#spinner').length == 0)

                {

                    //On repère le pointeur ayant provoqué le prezoom.

                    var prezoomPointer;

                    if(!_this.isMainPointerDisplayed)

                    {

                        prezoomPointer = $('#secondPointer');

                    }

                    if(!_this.isSecondPointerDisplayed)

                    {

                        prezoomPointer = $('#mainPointer');

                    }

                    //On crée le spinner qui indique le temps restant avant le zoom.

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

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

                    $('#spinner').css(

                    {

                        position: 'absolute',

                        top: prezoomPointer.position().top,

                        left: prezoomPointer.position().left,

                        width: 85,

                        height: 85,

                        'z-index': 600

                    });

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

                }

            }

            //Si on est en mode d'interaction souris, on indique juste qu'on est en prezoom.

            else

            {

                _this.isOnAPrezoomSN = true;

            }

            //Si on est en mode mosaic, on indique juste qu'on effectue une selection.

            if(_this.currentMode == 'MOSAIC')

            {

                _this.removeNotifications();

                _this.mosaicSelection();

            }

            //Si on est en filtrage, mais qu'on n'a pas encore de gesture de filtrage, on indique qu'on est en filtrage et en selection.

            else if(_this.currentMode == 'FILTER' && !_this.filterSearchedType && _this.curvesGesturesFound)

            {

                _this.removeNotifications();

                _this.filterSearchAndSelection();

            }

            //Si on est en filtrage avec une gesture de recherche, on indique la gesture et la selection.

            else if(_this.currentMode == 'FILTER' && _this.filterSearchedType)

            {

                _this.removeNotifications();

                _this.filterGestureAndSelection(_this.filterSearchedType, 'valid');

            }

        });

    //Si on est en mode Kinect, on zoom après un certain temps.

    if(!this.config.mouseInteractions)

    {

        this.zoomTimeout = setTimeout(function()

        {

            _this.zoom();

        }, this.config.timeoutZoom);

    }

 * Est appelé dans les fichiers :

 * pointers > fonction pointersMosaicInteractions.

 * zoomInteractions > fonctions preZoom et zoom.

 * mosaic > fonction onMouseMove.

 * client > fonction processMsg.

Mosaic.prototype.preUnzoom = function()

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

    var _this = this;

    //On indique qu'on n'est plus en prezoom.

    this.isOnAPrezoomSN = false;

    clearTimeout(this.zoomTimeout);

    //Si on est en mode mosaic, on indique qu'on peut pointer ou bien rechercher.

    if(this.currentMode == 'MOSAIC')

    {

        this.removeNotifications();

        this.mosaicSelectionAndSearch();

    }

    //Si on est en filtrage sans gesture, on indique qu'on est juste en filtrage.

    else if(_this.currentMode == 'FILTER' && !this.filterSearchedType && !this.curvesGesturesFound)

    {

        this.removeNotifications();

        this.filterSearch();

    }

    //Si on est en filtrage avec gesture, on indique la gesture de filtrage.

    else if(_this.currentMode == 'FILTER' && this.filterSearchedType && !this.curvesGesturesFound)

    {

        this.removeNotifications();

        this.filterGesture(this.filterSearchedType, 'valid');

    }

    for(var i = 0 ; i < this.config.imagesToShow ; i++)

        if($('#prezoomContainer-snapshot-' + i).length > 0)

        {

            $('#prezoomContainer-snapshot-' + i).animate(

            {

                width: this.snapshotWidth + margin,

                height: this.snapshotHeight + margin,

                top: $('#snapshotDiv-' + i).position().top,

                left: $('#snapshotDiv-' + i).position().left

            }, this.config.preUnzoomTime, function(){ $(this).remove(); _this.zoomed = false; });

            $('#prezoomSnapshot-snapshot-' + i).animate(

            {

                width: this.snapshotWidth,

                height: this.snapshotHeight,

                top: $('#snapshotDiv-' + i).position().top,

                left: $('#snapshotDiv-' + i).position().left

            }, this.config.preUnzoomTime);

        }

    }

 * Est appelé dans les fichiers :

 * zoomInteractions > fonction preZoom.

 * mosaic > fonctions onMouseUp et init.

Mosaic.prototype.zoom = function()

    {

    }

    var margin = this.marginWidth, len = this.config.length, imgs = this.config.imagesToShow, zoomedMargin = this.config.zoomedMargin;

    var zoomPercentage = this.config.zoomPercentage;

    this.preUnzoom();

    //On donne les dimensions des snapshots.

    $('.snapshotDivs').animate(

    {

        width: newSnWidth,

        height: newSnHeight,

        margin: zoomedMargin/2 + 'px',

    }, this.config.zoomTime);

    if(this.currentMode != 'NO-USER')

    {

        //Les snapshots baissent alors en opacité, donnant l'impression qu'ils sont grisés.

        $('.snapshotDivs').animate(

        {

            opacity: '0.4'

        }, this.config.zoomTime);

        //Le snapshot du milieu revient à une opacité optimale, ce qui attire l'attention de l'utilisateur.

        $(this.previousZoomedSN).animate(

        {

            opacity: '1'

        }, this.config.zoomTime);

    }

    }, this.config.zoomTime, function()

        _this.snWidth = newSnWidth + 1, _this.snHeight = newSnHeight + 1;