reorganize and clean the code

ui/index.html

@@ -83,11 +83,12 @@
 		<!-- /JS -->
 		
 		<!--  demo code -->
-		<script src="src/flowchartConnectorsDemo.js"></script>
+		<script src="src/dream.js"></script>
+    <script src="src/dream_launcher.js"></script>
 		
 		<!--  demo helper code -->
 		<!--script src="src/demo-list.js"></script-->
-		<script src="src/demo-helper-jquery.js"></script>
+		<!--script src="src/demo-helper-jquery.js"></script-->
 		
 	</body>
 </html>

ui/src/demo-helper-jquery.js

-/*
- *  This file contains the JS that handles the first init of each jQuery demonstration, and also switching
- *  between render modes.
- */
-jsPlumb.bind("ready", function() {
-
-	//jsPlumb.DemoList.init();
-
-	// chrome fix.
-	document.onselectstart = function () { return false; };				
-
-    // render mode
-	var resetRenderMode = function(desiredMode) {
-		var newMode = jsPlumb.setRenderMode(desiredMode);
-		$(".rmode").removeClass("selected");
-		$(".rmode[mode='" + newMode + "']").addClass("selected");		
-
-		$(".rmode[mode='canvas']").attr("disabled", !jsPlumb.isCanvasAvailable());
-		$(".rmode[mode='svg']").attr("disabled", !jsPlumb.isSVGAvailable());
-		$(".rmode[mode='vml']").attr("disabled", !jsPlumb.isVMLAvailable());
-					
-		jsPlumbDemo.init();
-	};
-     
-	$(".rmode").bind("click", function() {
-		var desiredMode = $(this).attr("mode");
-		if (jsPlumbDemo.reset) jsPlumbDemo.reset();
-		jsPlumb.reset();
-		resetRenderMode(desiredMode);					
-	});	
-
-	resetRenderMode(jsPlumb.SVG);
-       
-});
\ No newline at end of file

ui/src/dream_launcher.js

+(function($) {
+  jsPlumb.bind("ready", function() {
+    var graph_data = {}, dream_instance, available_people = {}, people_list,
+        i, i_length;
+    graph_data.box_list = [
+        {id: 'window1', title: 'attach1', target_list: ['window2'], coordinate: {top: 5, left: 5}},
+        {id: 'window2', title: 'attach2', target_list: ['window3'], coordinate: {top: 5, left: 15}},
+        {id: 'window3', title: 'attach3', target_list: ['window7'], coordinate: {top: 5, left: 25}},
+        {id: 'window4', title: 'attach1', target_list: ['window5'], coordinate: {top: 20, left: 5}},
+        {id: 'window5', title: 'attach2', target_list: ['window6'], coordinate: {top: 20, left: 15}},
+        {id: 'window6', title: 'attach3', target_list: ['window7'], coordinate: {top: 20, left: 25}},
+        {id: 'window7', title: 'Moulding', target_list: ['window8', 'window10'], coordinate: {top: 12, left: 35}},
+        {id: 'window8', title: 'tests', target_list: ['window9'], coordinate: {top: 5, left: 45}},
+        {id: 'window9', title: 'packaging', coordinate: {top: 5, left: 55}},
+        {id: 'window10', title: 'tests', target_list: ['window11'], coordinate: {top: 20, left: 45}},
+        {id: 'window11', title: 'packaging', coordinate: {top: 20, left: 55}},
+    ];
+
+    dream_instance = DREAM.newDream(graph_data);
+    dream_instance.start();
+
+    //Fill list of people
+    people_list = ["Seb", "Jerome", "Jean-Paul", "Anna", "George", "Ivor", "Dipo", "Stephan"];
+    i_length = people_list.length;
+    for (i = 0; i < i_length; i++) {
+      $("#not_available ul").append('<li class="ui-state-default">' + people_list[i] + "</li>");
+    }
+
+    // Make list of people draggable, update list of people depending
+    // to make them available or not
+    $("#available li").draggable({appendTo: "body"});
+    $("#not_available li").draggable({appendTo: "body"});
+    $("#available").droppable({
+      drop: function(event, ui) {
+        available_people[ui.draggable.text()] = true;
+        dream_instance.setSimulationParameters(available_people);
+      }
+    });
+    $("#not_available").droppable({
+      drop: function(event, ui) {
+        available_people[ui.draggable.text()] = false;
+        dream_instance.setSimulationParameters(available_people);
+      }
+    });
+  })
+
+})(jQuery);
\ No newline at end of file