diff -r 43d9dff6758a -r 6e47ed0c413c integration/js/main.js
--- a/integration/js/main.js	Wed Oct 03 17:58:05 2012 +0200
+++ b/integration/js/main.js	Mon Oct 08 17:31:29 2012 +0200
@@ -1,6 +1,85 @@
 $(function(){
-	var sum=0;
-	$('.cluster li').each( function(){ sum += $(this).width(); });
-	$('.cluster').width( sum );
+	//CLUSTER
+	var clusterWidth=0;
+	$('.cluster li').each( function(){ clusterWidth += $(this).width() + 10; });
+	$('.cluster').width( clusterWidth );
+	var clusterVisibleWidth = $(".cluster-visible").width();
+	var clusterVisibleLeft = 20;
+	if (clusterWidth>clusterVisibleWidth) {
+		$(".cluster-containment").css({
+			"left": -(clusterWidth-clusterVisibleWidth),
+			"width":clusterWidth+(clusterWidth-clusterVisibleWidth+clusterVisibleLeft)
+		});
+		$(".cluster-visible").css({"left": (clusterWidth-912+clusterVisibleLeft)});
+		$("a.cluster-arrow").bind("click",function(e){
+			console.log("click")
+			e.preventDefault();
+			var clusterContainmentLeft = parseInt($(".cluster-containment").css("left"));
+			var clusterContainmentRight = parseInt($(".cluster-containment").css("left")) + $(".cluster-containment").width();
+			var clusterLeft = parseInt($(".cluster").css("left"));
+			var clusterRight = parseInt($(".cluster").css("left"))+$(".cluster").width();
+			if ($(this).hasClass("arrow-left")) {
+				if (clusterLeft-40>clusterContainmentLeft) {
+					$(".cluster").css({
+						"left":"-="+40	
+					});
+				}else{
+					$(".cluster").css({
+						"left":clusterContainmentLeft
+					});
+				}
+		
+			}else if($(this).hasClass("arrow-right")){
+			
+				if (clusterRight+40<clusterContainmentRight) {
+					$(".cluster").css({
+						"left":"+="+40	
+					});
+				}else{
+					$(".cluster").css({
+						"left":0
+					});
+				}
+			}
+			
+		});
+	
+
+		//DRAGGABLE
+		$(".cluster").draggable({ axis: "x",containment: ".cluster-containment"  });
+	};
+	//WIDGET
+	//$("div.content-left div.widget-wrap div.widget div.widget-inner").hide();
+	$("div.content-left div.widget-wrap div.widget h3 a").bind("click",function(e){
+		e.preventDefault();
+		var widgetInner = $(this).parents("h3").siblings("div.widget-inner");
+		widgetInner.stop();
+		if ($(this).hasClass("open")) {
+			widgetInner.slideUp();
+			$(this).removeClass("open");
+		}else{
+			widgetInner.slideDown();
+			$(this).addClass("open");
+		}
+	});
+	//DOCUMENTAIRE
+	$("div.dossier-documentaire").hide();
+	$("div.header a.dossier-button").bind("click",function(e){
+		e.preventDefault();
+		$("div.dossier-documentaire").stop()
+		if($("div.dossier-documentaire").is(":visible")){
+			$("div.dossier-documentaire").slideUp();
+		}else{
+			$("div.dossier-documentaire").slideDown();
+		}
+	});
+	//ARTICLES
+	$(".article-visuel-wrap").each(function(){
+		var contentHeight = $(this).parents(".article-content").height();
+
+		//$(this).height(contentHeight);
+	});
+
+	
 
 });