Add edward venn (TODO : 5 and 6 class)

example.html

@@ -70,6 +70,7 @@
 		
 				$("#venny-container").venny({
 					series: seriesTable,
+					displayMode: $("#venn-type").val(),
 					fnClickCallback: function() {
 						var value = "";
 						if (this.listnames.length == 1) {
@@ -89,14 +90,11 @@
 				});
 			}
 		
-			$("#setexample").click(function() {
-				$("#name1").val("Actors");
-				$("#area1").val("Marilyn Monroe\nArnold Schwarzenegger\nJack Nicholson\nBarbra Streisand\nRobert de Niro\nDean Martin\nHarrison Ford");
-				$("#name2").val("Singers");
-				$("#area2").val("Freddy Mercury\nBarbra Streisand\nDean Martin\nRicky Martin\nCeline Dion\nMarilyn Monroe");
-				updateVenny();
-			});
-		
+			$("#name1").val("Actors");
+			$("#area1").val("Marilyn Monroe\nArnold Schwarzenegger\nJack Nicholson\nBarbra Streisand\nRobert de Niro\nDean Martin\nHarrison Ford");
+			$("#name2").val("Singers");
+			$("#area2").val("Freddy Mercury\nBarbra Streisand\nDean Martin\nRicky Martin\nCeline Dion\nMarilyn Monroe");
+			
 			$('[id^="clear"]').click(function() {
 				var index = $(this).attr("id").split("_")[1];
 				$("#area" + index).val("");
@@ -109,12 +107,15 @@
 				updateVenny();
 			});
 			$("[id^=area]").change(function() {
-					updateVenny();
+				updateVenny();
 			});
-		
-			// first init of the venny plugin
-			$("#venny-container").venny();
 			
+			$("#venn-type").change(function() {
+				updateVenny();
+			});
+			
+			// first init of the venny plugin
+			updateVenny();
 		});
 	</script>
 	<style type="text/css">
@@ -222,9 +223,9 @@
 	<div class="container">
 		<!-- Main hero unit for a primary marketing message or call to action -->
 		<div class="hero-unit">
-			<h1>Hello world!</h1>
+			<h1>Hello venn!</h1>
 			<p class="bodytext"> Paste up to <strong>six</strong> lists using one row per element, then click 
-			the numbers to see the results. <a id="setexample" href="javascript:void(0)"> example </a></p>
+			the numbers in the <select id="venn-type" class="input-small" style="margin-top:5px"><option value="classic">classic</option><option value="edwards">Edwards'</option></select> venn to see the results.</p>
 		</div>
 		<div class="row-fluid">
 			<div class="span12">
@@ -313,7 +314,7 @@
 		</div>
 		<hr>
 		<footer>
-			<p>Copyright &copy; 2013, INRA | Designed by <a href="http://bioinfo.genotoul.fr/" target="_blank">GenoToul Bioinfo</a> team.</p>
+			<p>Copyright &copy; 2014, INRA | Designed by <a href="http://bioinfo.genotoul.fr/" target="_blank">GenoToul Bioinfo</a> team.</p>
 		</footer>
 	</div>
 	<script>