function mosaic(config, default_conf)

	//Chemin du fichier de configuration.

	this.config_path = config;

	//Configuration par défaut en cas de valeur erronnée.

	this.default_config = default_conf;

	this.config = new Object();

	//Tableaux des urls des vidéos, des snapshots et de leur position dans la mosaïque.

	this.videos = [];

	this.urls = [];

	this.imgs = [];

	this.ids = [];

	this.fillingIds = [];

	this.currentRandomVideoIdx = 0;

	//Dimensions de la mosaïque en pixels.

	this.width;

	this.height;

	//Dimensions d'un snapshot en pixels.

	this.snapshotWidth;

	this.snapshotHeight;

	//Espacement entre les snapshots en pixels.

	this.marginWidth;

	//Booléens permettant ou non certaines intéractions selon le contexte.

	this.zoomed;

	this.fullscreen;

	this.canMoveToNeighbour;

	this.helpDisplayed;

	//Type de marqueur recherché dans la mosaïque (en mode filter).

	this.filterSearchedType = "";

	//Mode actuel.

	this.currentMode = "MOSAIC";

	//Snapshot sur lequel on a zoomé.

	this.previousZoomedSN;

	//Son ID.

	this.previousId;

	//Largeur de la marge pour le centrage vertical de la mosaïque.

	this.MPTop_margin;

	this.top_margin;

	//Mosaïque locale.

	this.localMos;

	//Position des voisins lors d'un zoom.

	this.neighboursIds = [];

	//ID du snapshot du milieu lors d'un zoom.

	this.centerId;

	//Snapshots a afficher.

	this.snapshotsToShow = 1;

	//Lecteur.

	this.player;

	//Annotations (pour les marqueurs los d'un filtrage).

	this.annotations = [];

	//Coordonnées et dimensions d'un snapshot zoomé.

	this.snTop = 0;

	this.snLeft = 0;

	this.snWidth = 0;

	this.snHeight = 0;

	this.searchCanvas;

	//Position actuelle de la vidéo zoomée.

	this.notifyTopVideo;

	this.notifyLeftVideo;

	this.loadParameters(this.config_path);

	console.log('CREATE');

	this.currentMode = "NO-USER";

	var initPanel = '<div id="initPanel"></div>';

	var mp = $('#mainPanel');

	mp.append(initPanel);

	$('#initPanel').css(

	{

		background: 'transparent',

		width: mp.width(),

		height: mp.height(),

		top: mp.position().top,

		left: mp.position().left,

		'margin-top': this.MPTop_margin

	});

	var len = this.config['length'], imgs = this.config['imagesToShow'], imgsTotal = this.config['imagesTotal'];

	//S'il s'agit d'un rectangle.

    if(imgs % len == 0)

		this.previousZoomedSN = '';

		this.previousPrezoomDiv = '';

		this.fullscreen = false;

		this.canMoveToNeighbour = false;

		this.helpDisplayed = false;

		var str = '';

		if(this.imgs.length >= imgs)

		{

			for(var i = 0 ; i < imgs ; i++)

			{

				//On charge les images de petite taille pour ne pas surcharger la mosaïque lors de l'affichage global.

				str += '<div id="snapshotDiv-' + i + '" class="snapshotDivs" style="opacity: 0;"><img id="snapshot-' + i + '" class="snapshots" src="snapshots-little/' + this.imgs[i] + '" /></div>';

			}

		}

		return str;

	}

	else

	{

		alert("Le nombre d'images a afficher doit être divisible par la longueur de la mosaïque !");

	}

	console.log('LOAD');

    this.marginWidth = parseFloat(this.marginWidth)*2;

    this.snapshotWidth = this.width / this.config['length'] - this.marginWidth;

	this.addPointers();

	//Si dans le metadata player _ n'est pas déclaré, on le déclare.

	if(typeof _ !== "undefined" && typeof IriSP._ === "undefined")

	{

		IriSP._ = _;

	}

	if(typeof $ !== "undefined" && typeof IriSP.jQuery === "undefined")

	{

		IriSP.jQuery = $;

	}

	//On charge les marqueurs.

	var sourceManager = new IriSP.Model.Directory(),

	globalAnnotations = new IriSP.Model.List(sourceManager),

	nbFichiers = _this.urls.length,

	fichiersCharges = 0;

	for (var i = 0; i < nbFichiers; i++)

	{

		console.log('url : ' + _this.urls[i]);

		var source = sourceManager.remoteSource({url: _this.urls[i], serializer: IriSP.serializers.ldt});

		source.onLoad(function()

		{

			globalAnnotations.addElements(source.getAnnotations());

			fichiersCharges++;

			if (fichiersCharges == nbFichiers)

			{

				// instructions à exécuter quand tout est chargé

				_this.annotations = globalAnnotations;

				console.log('annotations loaded');

				_this.init();

			}

		});

	}

}

/*

 * Charge les paramètres du Front. Local (true/false) est le mode de chargement des données.

*/

mosaic.prototype.loadParameters = function(file_path)

{

	var _this = this;

	var supposedToBeInt = ['length', 'imagesToShow', 'totalImages', 'timePrezoom', 'timePreUnzoom', 'timeZoom', 'timeUnzoom', 'timeNeighbourGlowing', 'timeNeighbourUnglowing', 'timeMovingToNeighbour', 'timeSearchFade', 'timeNotifyFade', 'timeFilterFade', 'timeFilling', 'zoomedMargin'];

	var supposedToBeFloat = ['zoomPercentage', 'prezoomPercentage'];

	$.getJSON(file_path, function(data)

		for(key in data)

			var val = data[key];

			if(_.include(supposedToBeInt, key))

			{

				var intVal = parseInt(val);

				if(isNaN(intVal))

				{

					console.log(_this.default_config);

					_this.config[key] = _this.default_config[key];

					console.log("param[" + key + "] : Valeur " + val + " incorrecte (non Int). Valeur par défaut " + _this.default_config[key] + " chargée à la place.");

				}

				else

				{

					_this.config[key] = intVal;

				}

			}

			else if(_.include(supposedToBeFloat, key))

			{

				var floatVal = parseFloat(val);

				if(isNaN(floatVal))

				{

					_this.config[key] = _this.default_config[key];

					console.log("param[" + key + "] : Valeur " + val + " incorrecte (non Float). Valeur par défaut " + _this.default_config[key] + " chargée à la place.");

				}

				else

				{

					_this.config[key] = floatVal;

				}

			}

			else

			{

				_this.config[key] = val;

			}

		}

		//On remplit le tableau d'ids.

		for(var i = 0 ; i < _this.config['totalImages'] ; i++)

			_this.ids.push(i);

		//On les mélange.

		_this.ids.sort(function()

		{

			return 0.5 - Math.random()

		});

		//On remplit le tableau d'ids destiné à afficher les snapshots au fur et à mesure.

		for(var i = 0 ; i < _this.config['imagesToShow'] ; i++)

			_this.fillingIds.push(i);

		//On les mélange.

		_this.fillingIds.sort(function()

		{

			return 0.5 - Math.random()

		});

		if(_this.config['local'] == 'true')

		{

			console.log("Loading local metadata.");

			_this.loadFromJson('./player/json/local_videos.json');

		}

		else

		{

			console.log("Loading online metadata.");

			_this.loadFromJson('./player/json/online_videos.json');

 * Phase principale (utilisateur non détecté). Une vidéo se lance aléatoirement.

 * L'interface est identique à celle du zoom, mais sans interaction possible avec les voisins, ni les controles timeline.

 * Lors de la fin d'une lecture, on dézoome vers la mosaïque, puis on rezoome vers un autre snapshot (aléatoire).

*/

mosaic.prototype.init = function()

{

	var _this = this;

	if(this.currentRandomVideoIdx > this.config['imagesToShow'])

	{

		this.currentRandomVideoIdx = 0;

	}

	this.previousZoomedSN = $('#snapshotDiv-' + this.fillingIds[this.currentRandomVideoIdx]);

	this.previousId = $('img', this.previousZoomedSN).attr('id');

	console.log('ids', this.fillingIds[this.currentRandomVideoIdx]);

	this.previousZoomedSN.fadeTo(this.config['timePrezoom'], 1, function()

	{

		_this.zoom();

		_this.currentRandomVideoIdx++;

	});

}

/*

 * Remplissage de la mosaïque en fonction du nombre d'images à afficher.

*/

mosaic.prototype.showNImages = function(n)

{

	if(n > 1)

	{

		this.currentMode = "INCOMING-" + n;

		this.unzoom();

	}

	for(var i = 0 ; i < n ; i++)

	{

		if($('#snapshotDiv-' + i).css('opacity') < 1)

		{

			$('#snapshotDiv-' + i).fadeTo(this.config['timeFilling'], 1);

		}

	}

}

/*

 * Affiche les pointeurs.

*/

mosaic.prototype.addPointers = function()

{

	var _this = this;

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

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

	$('body').mousemove(function(evt)

	{