Index: /SPARQLBuilderWWW/web/dist.html
===================================================================
--- /SPARQLBuilderWWW/web/dist.html (revision 216)
+++ /SPARQLBuilderWWW/web/dist.html (revision 223)
@@ -7,5 +7,6 @@
 <script src="./jquery-1.11.1.min.js"></script>
 <script src="./d3.v3.min.js" charset="utf-8"></script>
-<script src="./sparqlbuilder.js"></script>
+<!-- script src="./sparqlbuilder.js"></script -->
+<script src="./sb-test.js"></script>
 <script>
 <!-- 
@@ -25,4 +26,22 @@
 	window.open(openpage);
 }
+
+function trySample(sparql){
+    var sb = new SPARQLBuilder('sparql');
+    
+    $(document).on('complete', '#EndPointSelect', function(){
+        $('#EndPointSelect').val('http://www.ebi.ac.uk/rdf/services/reactome/sparql');
+        sb.changeEndPoint();
+    });
+    
+    $(document).on('complete', '#StartClassSelect', function(){
+        $('#StartClassSelect').val('http://www.biopax.org/release/biopax-level3.owl#Protein');
+        sb.startClass = 'http://www.biopax.org/release/biopax-level3.owl#Protein';
+        $('#EndClassSelect').val('http://www.biopax.org/release/biopax-level3.owl#Pathway');
+        sb.endClass = 'http://www.biopax.org/release/biopax-level3.owl#Pathway';
+        sb.loadPathList();
+    });
+}
+
 -->
 </script>
@@ -32,5 +51,6 @@
     <div>
         <form>
-            <input type="button" id="create" value="Start SPARQLBuilder" onclick="new SPARQLBuilder('sparql'); return false;" />
+            <input type="button" id="create" value="Start SPARQLBuilder" onclick="new SPARQLBuilder('sparql'); return false;"/>
+            <input type="button" id="create" value="Try with Sample" onclick="trySample('sparql'); return false;" />
             <br/>
             <textarea id="sparql" name="sparql" cols="60" rows="10"></textarea><br/>
@@ -38,4 +58,5 @@
         </form>
     </div>
+    <div id="searchResult"></div>
 </body>
 </html>