diff -r 94f586daa623 -r 8ca7f2cea729 alcatel/static/treemap/treemap.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/static/treemap/treemap.js	Thu Jan 24 16:58:55 2013 +0100
@@ -0,0 +1,93 @@
+function filterTreeMapData()
+{
+	var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
+    request.onreadystatechange = ajaxOnResult;
+    request.open("POST", "/treemapfilter");
+    var data="begin=10-10-2010&end=1-12-2012"
+    request.send(data);
+            
+}
+
+function mesdossiersDoc()
+{
+	var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
+    request.open("POST", "/mesdossiersDoc");
+    request.send();
+            
+}
+
+
+function ajaxOnResult(evt) {
+	if ((evt.currentTarget.readyState == 4) && (evt.currentTarget.status == 200 || evt.currentTarget.status == 0)) {
+ 
+ 		$("#treemap").empty();
+ 		$("#streamgraphTimeline").empty();
+ 		var $newdiv1 = $('<div id="streamgraphTemplate"><img class="streamgraph_img" src="" alt=""/><p class="title"></p></div>');
+ 		$('body').append($newdiv1)
+ 		
+        var json = JSON.parse(evt.currentTarget.responseText);
+        
+        var r = new Relations();
+
+		var couleurs = new Couleurs(20);
+		
+		var parametresStreamgraphTimeline = {
+			name: "streamgraphTimeline",
+			selector: "#streamgraphTimeline",
+			activerSelection : true,
+			activerTimeline: true,
+			activerCurseur: true,
+			hauteur: 50,
+			largeur: 800,
+			relations: r,
+			couleurs: couleurs
+		};
+		
+		var streamgraphTimeline = new Streamgraph(json.clusters, parametresStreamgraphTimeline);
+
+		var parametresTreemap = {
+			name: "treemap",
+			selector: "#treemap",
+			hauteur: 400,
+			largeur: 800,
+			relations: r,
+			template: {
+				selector: "#streamgraphTemplate",
+				directives: {
+					"img@src": "urlImage",
+					"img@title": "titreArticle",
+					"img@alt": "titreArticle",
+					"img@width": "widthImage",
+					"img@height": "heightImage",
+					"img@style+": "cssOffsetImage",
+					"p.title": "titreArticle",
+					"p.title@style+": "cssWidthArticle"
+				}
+			},
+			couleurs: couleurs
+		};
+		var treemap = new Treemap(json, parametresTreemap);
+
+		r.get("streamgraphTimeline").bind("selectionResize", "treemap", 
+				function(objet, params) { objet.transition(params[0], params[1]); });
+		
+		function placerCurseur(cluster) {
+			streamgraphTimeline.placerCurseur(parseInt(cluster.attr("datetime")), 'index');
+			streamgraphTimeline.showCursor();
+		}
+		
+		function cacherCurseur() {
+			streamgraphTimeline.hideCursor();
+		}
+		
+		for (var i = 0; i<10; ++i) {
+			var cluster = r.get("treemap.cluster." + i);
+			cluster.mouseover(treemap.focus)
+				.mouseout(treemap.blur)
+				.mouseover(placerCurseur)
+				.mouseout(cacherCurseur);
+		}
+		
+	}
+}
+