--- a/js/flotr2/examples/js/examples/advanced-titles.js
+++ b/js/flotr2/examples/js/examples/advanced-titles.js
@@ -1,1 +1,67 @@
+(function () {
 
+Flotr.ExampleList.add({
+  key : 'advanced-titles',
+  name : 'Advanced Titles',
+  callback : advanced_titles
+});
+
+function advanced_titles (container) {
+
+  var
+    d1 = [],
+    d2 = [],
+    d3 = [],
+    d4 = [],
+    d5 = [],
+    graph,
+    i;
+
+  for (i = 0; i <= 10; i += 0.1) {
+    d1.push([i, 4 + Math.pow(i,1.5)]);
+    d2.push([i, Math.pow(i,3)]);
+    d3.push([i, i*5+3*Math.sin(i*4)]);
+    d4.push([i, i]);
+    if (i.toFixed(1)%1 == 0) {
+      d5.push([i, 2*i]);
+    }
+  }
+
+  // Draw the graph.
+  graph = Flotr.draw(
+    container,[ 
+      { data : d1, label : 'y = 4 + x^(1.5)', lines : { fill : true } },
+      { data : d2, label : 'y = x^3', yaxis : 2 },
+      { data : d3, label : 'y = 5x + 3sin(4x)' },
+      { data : d4, label : 'y = x' },
+      { data : d5, label : 'y = 2x', lines : { show : true }, points : { show : true } }
+    ], {
+      title : 'Advanced Titles Example',
+      subtitle : 'You can save me as an image',
+      xaxis : {
+        noTicks : 7,
+        tickFormatter : function (n) { return '('+n+')'; },
+        min : 1,
+        max : 7.5,
+        labelsAngle : 45,
+        title : 'x Axis'
+      },
+      yaxis : {
+        ticks : [[0, "Lower"], 10, 20, 30, [40, "Upper"]],
+        max : 40,
+        title : 'y = f(x)'
+      },
+      y2axis : { color : '#FF0000', max : 500, title : 'y = x^3' },
+      grid : {
+        verticalLines : false,
+        backgroundColor : 'white'
+      },
+      HtmlText : false,
+      legend : {
+        position : 'nw'
+      }
+  });
+};
+
+})();
+