/*

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

 * 

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

 * 

 * Fonctionnalités : Définit la "classe" client permettant de recevoir les instructions du Middleware, sous forme de sockets (via le serveur WebSocket du Middleware).

 */

/*

 * Un client est défini par une socket, qui permettra de recevoir les données du server websocket du Middleware.

 * On accède aussi à la mosaïque.

 * Est appelé dans le fichier :

 * mosaic > fonction loadParameters.

*/

function Client(host, port, _mosaic)

{

	this.socket = null;

	this.mosaic = _mosaic;

	this.pointerLeft = false;

	this.pointerRight = false;

	this.timePointers = 100;

	this.pointerLeftTimeout = null;

	this.pointerRightTimeout = null;

	this.isLeftHanded = false;

	this.createWebSocket('ws://' + host + ':' + port + '/');

}

/*

 * Création et Initialisation des sockets et listeners permettant d'écouter le server.

 * Est appelé dans le fichier :

 * client > fonction Client.

*/

Client.prototype.createWebSocket = function(host)

{

	var _this = this;

	//Initialise la fonctionnalité websocket du naviguateur.

    if(window.MozWebSocket)

	{

        window.WebSocket = window.MozWebSocket;

	}

	//Si le naviguateur ne supporte pas les websockets, on s'arrête là.

    if(!window.WebSocket)

	{

        alert('Votre navigateur ne supporte pas les webSocket!');

        return false;

    }

	//Sinon

	else

	{

		//On initialise la socket.

		this.socket = new WebSocket(host);

		//Si elle est ouverte, on notifie le Front.

		this.socket.onopen = function()

		{

			console.log('Socket ouverte.');

		}

		//Si elle est fermée, on notifie le Front.

		this.socket.onclose = function()

		{

			console.log('Socket fermée.');

		}

		//S'il y a un problème dans la connection, on notifie le Front.

		this.socket.onerror = function()

		{

			console.log('Une erreur est survenue dans le module de Communication.');

		}

		//Si on reçoit un message.

		this.socket.onmessage = function(msg)

		{

			_this.processMsg(msg);

		}

    }

}

/*

 * Traite un message reçu du Middleware.

 * Est appelé dans le fichier :

 * client > fonction createWebSocket.

*/

Client.prototype.processMsg = function(msg)

{

	if(typeof msg === 'undefined' || typeof msg.data === 'undefined')

	{

		return;

	}

	var _this = this;

	//S'il s'agit d'une string et non d'une instruction pour les pointeurs.

	if(msg.data[0] === '2')

	{

		var instruction = msg.data.substring(2, msg.data.length);

		// if(instruction.indexOf("INCOMING") == -1 && instruction.indexOf('NO-USER') == -1)

		// {

			this.mosaic.manageControlEvents(instruction);

		// }

	}

	//Sinon si ce sont les coordonnées de la main droite.

	// /!\/!\ //

	else if(msg.data[0] == '1')

	{

		var instruction = msg.data.substring(2, msg.data.length);

		pt = instruction.split(';');

		var x = Math.abs(parseFloat(pt[0])), y = Math.abs(parseFloat(pt[1]));

		// console.log(Math.abs(parseFloat(pt[0])), Math.abs(parseFloat(pt[1])));

		this.pointerRight = true;

		clearTimeout(this.pointerRightTimeout);

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

		{

			// console.log('pt');

			this.mosaic.refreshPointers(x, y, true);

		}

		// /!\ //

		if(!this.mosaic.isMainPointerDisplayed)

		{

			this.mosaic.mainPointerDisplay(true);

			this.mosaic.isMainPointerDisplayed = true;

		}

		this.pointerRightTimeout = setTimeout(function()

		{

			// console.log('RELEASE LEFT');

			//Timeout indiquant quand la main gauche part.

			_this.pointerRight = false;

			if(_this.mosaic.isMainPointerDisplayed)

			{

				_this.mosaic.isMainPointerDisplayed = false;

				_this.mosaic.mainPointerDisplay(false);

			}

			if(_this.mosaic.isSearchByCurvesOn)

			{

				_this.mosaic.isSearchByCurvesOn = false;

				if(_this.mosaic.searchCanvas)

				{

					_this.mosaic.searchCanvas.onPointerOut();

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

					$('#secondPointer').css('background-image', 'url(./img/cursors/pointer2C.png)');

				}

			}

			//On peut effectuer de nouveau une recherche par courbes.

			if(!_this.pointerLeft)

			{

				_this.mosaic.mustTakeOutHands = false;

			}

		}, this.timePointers);

	}

	//Sinon si ce sont les coordonnées de la main gauche.

	else if(msg.data[0] == '0')

	{

		var instruction = msg.data.substring(2, msg.data.length);

		pt = instruction.split(';');

		var x = Math.abs(parseFloat(pt[0])), y = Math.abs(parseFloat(pt[1]));

		// console.log(Math.abs(parseFloat(pt[0])), Math.abs(parseFloat(pt[1])));

		this.pointerLeft = true;

		clearTimeout(this.pointerLeftTimeout);

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

		{

			this.mosaic.refreshPointers(x, y, false);

		}

		if(!this.mosaic.isSecondPointerDisplayed)

		{

			this.mosaic.secondPointerDisplay(true);

			this.mosaic.isSecondPointerDisplayed = true;

		}

		//Timeout indiquant quand la main droite part.

		this.pointerLeftTimeout = setTimeout(function()

		{

			// console.log('RELEASE RIGHT');

			_this.pointerLeft = false;

			if(_this.mosaic.isSecondPointerDisplayed)

			{

				_this.mosaic.isSecondPointerDisplayed = false;

				_this.mosaic.secondPointerDisplay(false);

			}

			if(_this.mosaic.isSearchByCurvesOn)

			{

				_this.mosaic.isSearchByCurvesOn = false;

				if(_this.mosaic.searchCanvas)

				{

					_this.mosaic.searchCanvas.onPointerOut();

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

					$('#secondPointer').css('background-image', 'url(./img/cursors/pointer2C.png)');

				}

			}

			//On peut effectuer de nouveau une recherche par courbes.

			if(!_this.pointerRight)

			{

				_this.mosaic.mustTakeOutHands = false;

			}

		}, this.timePointers);

	}

	if(this.pointerLeft && !this.pointerRight || !this.pointerLeft && this.pointerRight)

	{

		//On interrompt l'idle des pointeurs.

		this.mosaic.pointersIdleAvailable = false;

		this.mosaic.removeIdlePointers();

		this.mosaic.areBothPointersHere = false;

	}

	if(!this.pointerLeft && !this.pointerRight)

	{

		//On interrompt l'idle des pointeurs.

		this.mosaic.pointersIdleAvailable = false;

		this.mosaic.removeIdlePointers();

		this.mosaic.areBothPointersHere = false;

		this.mosaic.deselectAllNeighbours();

		this.mosaic.preUnzoom();

	}

	if(this.pointerLeft && this.pointerRight)

	{

		this.mosaic.areBothPointersHere = true;

		this.mosaic.removeCheckForBothPointersHere();

		//On enlève les requêtes de zoom.

		this.mosaic.preUnzoom();

		if(this.mosaic.currentMode == 'MOSAIC' || this.mosaic.currentMode == 'FILTER' && !this.mosaic.isSearchByCurvesOn)

		{

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

			$('#secondPointer').css('background-image', 'url(./img/cursors/pointer2.png)');

		}

		//Si on est dans un des modes de recherche et que les mains ont été retirées après la précédente recherche.

		if((this.mosaic.currentMode == 'FILTER' || this.mosaic.currentMode == 'SEARCH') && !this.mosaic.mustTakeOutHands)

		{

			if(this.mosaic.searchCanvas)

			{

				var mainPointerX = +$('#mainPointer').position().left + $('#mainPointer').width() / 2;

				var mainPointerY = +$('#mainPointer').position().top - this.mosaic.MPTop_margin + $('#mainPointer').height() / 2;

				var secondPointerX = +$('#secondPointer').position().left + $('#secondPointer').width() / 2;

				var secondPointerY = +$('#secondPointer').position().top - this.mosaic.MPTop_margin + $('#secondPointer').height() / 2;

				if(!this.mosaic.isSearchByCurvesOn)

				{

					this.mosaic.isSearchByCurvesOn = true;

					this.mosaic.searchCanvas.onPointerOut();

					this.mosaic.searchCanvas.onPointerIn(mainPointerX, mainPointerY, secondPointerX, secondPointerY);

					this.mosaic.canDrawNextCurve = true;

					this.mosaic.pointersGreen();

				}

				else if(this.mosaic.isSearchByCurvesOn)

				{

					if(this.mosaic.canDrawNextCurve)

					{

						this.mosaic.canDrawNextCurve = false;

						if(Math.abs(mainPointerX - this.mosaic.mainPointerLastX) > 10 || Math.abs(mainPointerY - this.mosaic.mainPointerLastY) > 10 || Math.abs(secondPointerX - this.mosaic.secondPointerLastX) > 10 || Math.abs(secondPointerY - this.mosaic.secondPointerLastY) > 10)

						{

							this.mosaic.searchCanvas.onPointerMove(mainPointerX, mainPointerY, secondPointerX, secondPointerY);

							this.mosaic.pointersGreen();

						}

					}

					else

					{

						this.mosaic.nextDrawCurveTimeout = setTimeout(function()

						{

							_this.mosaic.canDrawNextCurve = true;

						}, this.mosaic.config.timeoutNextDrawCurve);

					}

				}

			}

			else

			{

				this.mosaic.startSearch();

			}

		}

	}

	//Quant on a reçu un message, on vérifie la présence des deux pointeurs.

	this.mosaic.checkForBothPointersHere();

	if(this.mosaic.pointersIdleAvailable)

	{

		//On effectue une vérification de la position des pointeurs pour l'idle.

		this.mosaic.detectIdlePointers();

	}

	//Si le timeout a besoin d'être relancé ou bien que l'affichage de l'aide est disponible.

	if(this.mosaic.pointersIdleNeedLaunch || this.mosaic.canNotifyHelp)

	{

		// console.log('launch idle');

		this.mosaic.launchIdlePointers();

		this.mosaic.pointersIdleNeedLaunch = false;

	}

	//Si la détection d'idle n'est pas activée et qu'on est dans un mode permettant l'interaction de l'utilisateur. 

	if(!this.mosaic.pointersIdleAvailable && this.mosaic.currentMode != "NO-USER" && this.mosaic.currentMode.indexOf("INCOMING") == -1 && this.mosaic.areBothPointersHere)

	{

		//On enclenche la détection d'idle.

		this.mosaic.pointersIdleAvailable = true;

		this.mosaic.pointersIdleNeedLaunch = true;

	}

	// /!\/!\ //

}