<!--
/*
* 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 : index.html
*
* Auteur : alexandre.bastien@iri.centrepompidou.fr
*
* Fonctionnalités : Centralise les différents éléments du Front IDILL, tels que les classes javascript, les fonctions jQuery, les css.
*/
-->
<!doctype html>
<html>
<head>
<!-- On inclut les styles et les scripts utilisés. -->
<title>IDILL</title>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="./mosaic/css/reset.css" />
<link rel="stylesheet/less" type="text/css" href="./mosaic/css/mosaic.less" />
<script type="text/javascript" src="../lib/less-1.3.0.min.js"></script>
<script type="text/javascript" src="../lib/underscore-min.js"></script>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="../lib/jquery.mousewheel-2.0.0.min.js"></script>
<script type="text/javascript" src="./mosaic/js/mosaic.js"></script>
<script type="text/javascript" src="./mosaic/js/notifications.js"></script>
<script type="text/javascript" src="./mosaic/js/pointers.js"></script>
<script type="text/javascript" src="./mosaic/js/zoomInteractions.js"></script>
<script type="text/javascript" src="./mosaic/js/neighbours.js"></script>
<script type="text/javascript" src="./mosaic/js/search.js"></script>
<script type="text/javascript" src="./mosaic/js/playerControl.js"></script>
<script type="text/javascript" src="./mosaic/js/localMosaic.js"></script>
<script type="text/javascript" src="./player/metadataplayer/LdtPlayer-core.js"></script>
<script type="text/javascript" src="../lib/paper.js"></script>
<link rel="stylesheet" type="text/css" href="./search/css/searchCanvas.css" />
<script type="text/javascript" src="./search/js/searchCanvas.js"></script>
<script type="text/javascript" src="./search/js/curvesDetector.js"></script>
<script type="text/javascript" src="./communication/js/client.js"></script>
</head>
<body>
<!-- Ce div stocke la mosaïque. -->
<div id="mainPanel"></div>
<div class="player" id="video"></div>
<div class="LdtPlayer" id="LdtPlayer"></div>
<!-- SET AN EMPTY DIV TO BE POPULATED WITH CONTENT VIA JQUERY -->
<div class="test" style="color: #FFFFFF"></div>
<!-- Scripts principaux. -->
<script type="text/javascript">
//Longueur de la mosaïques et nombre d'images à afficher (seront importés des paramètres du Middleware).
var default_parameters = new Object();
default_parameters['local'] = true;
default_parameters['length'] = 5;
default_parameters['imagesToShow'] = 20;
default_parameters['totalImages'] = 23;
default_parameters['timePrezoom'] = 500;
default_parameters['timePreUnzoom'] = 200;
default_parameters['timeZoom'] = 2000;
default_parameters['zoomTime'] = 500;
default_parameters['timeUnzoom'] = 400;
default_parameters['timeNeighbourGlowing'] = 1000;
default_parameters['timeNeighbourUnglowing'] = 1000;
default_parameters['timeMovingToNeighbour'] = 1000;
default_parameters['timeSearchFade'] = 2000;
default_parameters['timeNotifyFade'] = 2000;
default_parameters['timeFilterFade'] = 2000;
default_parameters['timeANFade'] = 500;
default_parameters['timeFilling'] = 500;
default_parameters['timeoutZoom'] = 2000;
default_parameters['timeoutUnzoom'] = 1000;
default_parameters['timeoutMoveToNeighbour'] = 250;
default_parameters['timeoutPointersIdle'] = 2000;
default_parameters['timeoutAreBothPointersHere'] = 500;
default_parameters['timeoutRemoveNotificationByGesture'] = 1500;
default_parameters['timeoutRemoveFailedNotificationByGesture'] = 1500;
default_parameters['timeoutNotifySwipe'] = 1000;
default_parameters['timeoutSelectTL'] = 100;
default_parameters['timeoutSlideTL'] = 1000;
default_parameters['timeoutCanNotifyHelp'] = 1000;
default_parameters['timeoutRemoveSpinner'] = 1000;
default_parameters['timeoutNouser'] = 3000;
default_parameters['timeoutNexrDrawCurve'] = 500;
default_parameters['zoomPercentage'] = 0.80;
default_parameters['prezoomPercentage'] = 0.25;
default_parameters['zoomedMargin'] = 42;
default_parameters['host'] = '127.0.0.1';
default_parameters['port'] = '80';
default_parameters['mouseUpDownDeltaTreshold'] = 15;
default_parameters['dico'] = './dico.json';
/*var length = 5, imagesToShow = 20, totalImages = 23;
//Temps de chargement du prezoom en ms (seront importés des paramètres du Middleware).
var timePrezoom = 500, timePreUnzoom = 200, timeZoom = 500, timeUnzoom = 400;
var timeNeighbourGlowing = 1000, timeNeighbourUnglowing = 1000, timeMovingToNeighbour = 1000;
var timeSearchFade = 2000;
var timeNotifyFade = 2000;
var zoomPercentage = 0.80, prezoomPercentage = 0.25;
var zoomedMargin = 42;*/
//On instancie la mosaïque.
//On spécifie les attributs de temps.
/*mos.zoomTime = timeZoom;
mos.unzoomTime = timeUnzoom;
mos.preZoomTime = timePrezoom;
mos.preUnzoomTime = timePreUnzoom;
mos.timeNeighbourGlowing = timeNeighbourGlowing;
mos.timeNeighbourUnglowing = timeNeighbourUnglowing;
mos.timeMovingToNeighbour = timeMovingToNeighbour;
mos.timeSearchFade = timeSearchFade;
mos.timeNotifyFade = timeNotifyFade;*/
//On instancie une mosaïque locale pour le zoom total (pas encore implémenté).
//var lMos = new localMosaic(length, imagesToShow, zoomedMargin);
//mos.localMos = lMos;
//Tableau d'images de test pour peupler la mosaïque.
/*var imgs = [];
for(var i = 0 ; i < 42 ; i++)
{
imgs[i] = i + '.jpg';
}*/
var mos;
//Si la page a chargé, on raffraichit la mosaïque.
$(document).ready(function ()
{
mos = new mosaic('./config.json', default_parameters);
//mos.loadMosaic();
/*$('.snapshotDivs').mouseenter(function ()
{
//On effectue un prézoom dès qu'on va sur une image.
mos.preZoom($(this));
});*/
/*$('body').keypress(function (event)
{
mos.manageControlEvents(event);
});*/
});
</script>
</body>
</html>