diff -r 34afef0f9e18 -r 417d4b573bc8 front_idill/src/mosaic/js/pointers.js
--- a/front_idill/src/mosaic/js/pointers.js	Wed Aug 29 11:29:14 2012 +0200
+++ b/front_idill/src/mosaic/js/pointers.js	Fri Sep 14 11:06:53 2012 +0200
@@ -1099,6 +1099,196 @@
 }
 
 /*
+ * Retourne vrai si la souris est sur la flèche haute dans le panneau des crédits.
+*/
+Mosaic.prototype.isOnCreditsUpArrow = function(x, y)
+{
+	var creditsNotification = $('#notify_credits'), upArrow = $('#credits_upArrow');
+	//Si les crédits ne sont pas affichés, on retourne faux.
+	if(creditsNotification.length <= 0)
+	{
+		return false;
+	}
+	
+	var margin = parseInt(creditsNotification.css('margin-left'));
+	
+	/*if($('#aa').length <= 0)
+	{
+		var a = '<div id="aa"></div>';
+		$('body').append(a);
+		$('#aa').css(
+		{
+			position: 'absolute',
+			'background-color': '#0000FF',
+			top: +upArrow.position().top + 2 * margin,
+			left: upArrow.position().left + 2 * margin,
+			width: upArrow.width(),
+			height: upArrow.height()
+		});
+	}
+	
+	console.log('---------------UP----------------------');
+	console.log(x + ' > ' + (+upArrow.position().left + 2 * margin));
+	console.log(x + ' < ' + (+upArrow.position().left + upArrow.width() + 2 * margin));
+	console.log(y + ' > ' + (+upArrow.position().top + 2 * margin));
+	console.log(y + ' < ' + (+upArrow.position().top + upArrow.height() + 2 * margin));
+	console.log('---------------------------------------');*/
+	
+	//Si la flèche est visible et si la souris est dessus, on retourne true.
+	if(upArrow.length > 0 && upArrow.css('opacity') == '1' && x > (+upArrow.position().left + margin) && x < (+upArrow.position().left + upArrow.width() + margin) && y > (+upArrow.position().top + margin) && y < (+upArrow.position().top + upArrow.height() + margin))
+	{
+		return true;
+	}
+	
+	return false;
+}
+
+/*
+ * Retourne vrai si la souris est sur la flèche basse dans le panneau des crédits.
+*/
+Mosaic.prototype.isOnCreditsDownArrow = function(x, y)
+{
+	var creditsNotification = $('#notify_credits'), downArrow = $('#credits_downArrow');
+	//Si les crédits ne sont pas affichés, on retourne faux.
+	if(creditsNotification.length <= 0)
+	{
+		return false;
+	}
+	
+	//$('#aa').remove();
+	
+	var margin = parseInt(creditsNotification.css('margin-left'));
+	
+	/*console.log('--------------DOWN---------------------');
+	console.log(x + ' > ' + (+downArrow.position().left + margin));
+	console.log(x + ' < ' + (+downArrow.position().left + downArrow.width() + margin));
+	console.log(y + ' > ' + (+downArrow.position().top + margin));
+	console.log(y + ' < ' + (+downArrow.position().top + downArrow.height() + margin));
+	console.log('---------------------------------------');*/
+	
+	//Si la flèche est visible et si la souris est dessus, on retourne true.
+	if(downArrow.length > 0 && downArrow.css('opacity') == '1' && x > (+downArrow.position().left + margin) && x < (+downArrow.position().left + downArrow.width() + margin) && y > (+downArrow.position().top + margin) && y < (+downArrow.position().top + downArrow.height() + margin))
+	{
+		return true;
+	}
+	
+	return false;
+}
+
+/*
+ * Retourne vrai si la souris est sur une des flèches du panneau des crédits.
+*/
+Mosaic.prototype.isOnCreditsArrow = function(x, y)
+{
+	//Si la souris est sur une flèche des crédits, on retourne vrai.
+	if(this.isOnCreditsUpArrow(x, y) || this.isOnCreditsDownArrow(x, y))
+	{
+		return true;
+	}
+	
+	return false;
+}
+
+/*
+ * Va a la page des crédits suivante.
+*/
+Mosaic.prototype.goToNextCreditsPage = function()
+{
+	console.log(this.creditsPageLength);
+	//Si on est sur la dernière page, on quitte.
+	if(this.creditsPageNumber + 1 >= this.creditsPageLength)
+	{
+		return;
+	}
+	
+	this.creditsPageNumber++;
+	this.goToCreditsPageN(this.creditsPageNumber);
+}
+
+/*
+ * Va a la page des crédits précédente.
+*/
+Mosaic.prototype.goToPreviousCreditsPage = function()
+{
+	//Si on est sur la première page, on quitte.
+	if(this.creditsPageNumber == 0)
+	{
+		return;
+	}
+	
+	this.creditsPageNumber--;
+	this.goToCreditsPageN(this.creditsPageNumber);
+}
+
+/*
+ * Va à la page N des crédits.
+*/
+Mosaic.prototype.goToCreditsPageN = function(N)
+{
+	var notify_credits = $('#notify_credits'), arrowHeight = $('#credits_upArrow').height(), footer_height = $('#credits_footer').height(), margin = parseInt($('#notify_credits').css('margin-left'));
+	
+	//Si on est sur la première page, on cache la flèche haut.
+	if(this.creditsPageNumber == 0)
+	{
+		$('#credits_upArrow').css(
+		{
+			opacity: 0
+		});
+		$('#credits_downArrow').css(
+		{
+			opacity: 1
+		});
+		$('#credits_container').css(
+		{
+			top: margin,
+			height: notify_credits.height() - footer_height - arrowHeight
+		});
+	}
+	//Si on est sur la dernière page, on cache la flèche bas.
+	else if(this.creditsPageNumber + 1 >= this.creditsPageLength)
+	{
+		$('#credits_upArrow').css(
+		{
+			opacity: 1
+		});
+		$('#credits_downArrow').css(
+		{
+			opacity: 0
+		});
+		$('#credits_container').css(
+		{
+			top: +arrowHeight + margin,
+			height: notify_credits.height() - footer_height - arrowHeight - margin
+		});
+	}
+	//Si on est dans les autres pages, on affiche les deux flèches.
+	else
+	{
+		$('#credits_upArrow').css(
+		{
+			opacity: 1
+		});
+		$('#credits_downArrow').css(
+		{
+			opacity: 1
+		});
+		$('#credits_container').css(
+		{
+			top: +arrowHeight + margin,
+			height: notify_credits.height() - footer_height - 2 * arrowHeight - margin
+		});
+	}
+	
+	//On déplace le texte des crédits.
+	$('#credits_container').css(
+	{
+		left: -($('#credits_container').width() * N - parseInt(notify_credits.css('margin-left')))// + this.column_gap)
+	});
+}
+
+
+
+/*
  * Retourne vrai si le doigt est sur le bouton de lecture de video dans le mode d'interaction tablettes.
 */
 Mosaic.prototype.isOnPlayButton = function(x, y)