--- a/model/prov-constraints.html	Mon Jul 23 14:33:53 2012 +0100
+++ b/model/prov-constraints.html	Mon Jul 23 14:49:36 2012 +0100
@@ -141,9 +141,98 @@
       };
 
 
+        // function to replace figcaption since not allowed by prov rules, and not transformed by respec.js
+      function updateFigCaptions() {
+	var figureCount=1;
+
+        $('figcaption').each(function(index) {
+
+          var myid=$(this).attr('id');
+          var mycount=figureCount++;
+
+          $(this).replaceWith(function(){return $('<span>').addClass('figcaption').attr('data-count', mycount).attr('id',myid).append("Figure " + mycount)
+.append($('<sup>').append($('<a>').addClass('internalDFN').attr('href','#'+myid).append($('<span>').addClass('diamond').append(" &#9674;:")))).append(" ")
+.append($(this).contents())});
+        });
+      }
+
+        // function to replace figure since not allowed by prov rules, and not transformed by respec.js
+      function updateFigures() {
+        $('figure').each(function(index) {
+
+          var myid=$(this).attr('id');
+          var mystyle=$(this).attr('style');
+
+             console.log( "figure " + myid + " " + $(this).contents());
+
+          $(this).replaceWith(function(){
+                                          var aNewElement=$('<span>').addClass('figure').append($(this).contents());
+                                          if (myid) {
+                                            aNewElement.attr('id',myid)
+                                          }                                          
+                                          if (mystyle) {
+                                            aNewElement.attr('style',mystyle)
+                                          }                                          
+                                          return aNewElement });
+
+
+
+        //          $(this).replaceWith(function(){return $('<span>').addClass('figure').attr('id',myid).attr('style',mystyle).append($(this).contents())});
+             console.log( "figure " + myid);
+        });
+      }
+
+
       $(document).ready(function(){
         updateRules();
         updateRulesRefs();
+        updateFigCaptions();
+
+
+        $('.anexample').each(function(index) {
+          $(this).removeAttr('data-count');
+        });
+
+        $('caption').each(function(index) {
+          $(this).removeAttr('data-count');
+        });
+
+        $('.figcaption').each(function(index) {
+          $(this).removeAttr('data-count');
+        });
+
+        $('.definition').each(function(index) {
+          $(this).removeAttr('data-count');
+          $(this).removeAttr('data-title');
+        });
+
+        $('.inference').each(function(index) {
+          $(this).removeAttr('data-count');
+          $(this).removeAttr('data-title');
+        });
+
+        $('.constraint').each(function(index) {
+          $(this).removeAttr('data-count');
+          $(this).removeAttr('data-title');
+        });
+
+        $('.inference-example').each(function(index) {
+          $(this).removeAttr('data-count');
+          $(this).removeAttr('data-title');
+        });
+
+        $('.constraint-example').each(function(index) {
+          $(this).removeAttr('data-count');
+          $(this).removeAttr('data-title');
+        });
+
+        $('.definition-example').each(function(index) {
+          $(this).removeAttr('data-count');
+          $(this).removeAttr('data-title');
+        });
+
+
+
       });
 </script>
 
@@ -298,6 +387,8 @@
 
           // Add extraReferences to bibliography database
           preProcess: [addExtraReferences],
+
+          postProcess: [updateFigures],
       };
     </script> 
   </head> 
@@ -1326,8 +1417,9 @@
 <div style="text-align: center;">
 <figure>
 <img src="images/constraints/informedByNonTransitive.png" alt="non transitivity of wasInformedBy" />
-<figcaption id="counterexample-wasInformedBy"><b>Figure 1:</b> Counter-example for transitivity of wasInformedBy</figcaption>
-</figure>
+<br>
+<figcaption id="counterexample-wasInformedBy">Counter-example for transitivity of wasInformedBy</figcaption>
+</figure> <!-- <b>Figure 1:</b>  -->
 </div>
 </div>
 
@@ -2276,7 +2368,8 @@
 
 <figure id="ordering-activity">
 <img src="images/constraints/ordering-activity.png" alt="constraints between events" />
-<figcaption id="ordering-activity-fig"><b>Figure 2:</b> Summary of <a title="instantaneous event">instantaneous event</a> ordering constraints for activities</figcaption>
+<br>
+<figcaption id="ordering-activity-fig">Summary of <a title="instantaneous event">instantaneous event</a> ordering constraints for activities</figcaption> <!-- <b>Figure 2:</b>  -->
 </figure>
 </div>
 
@@ -2447,7 +2540,8 @@
 <div style="text-align: center;">
 <figure id="ordering-entity">
 <img src="images/constraints/ordering-entity.png" alt="ordering constraints for entities" />
-<figcaption id="ordering-entity-fig"><b>Figure 3:</b> Summary of <a title="instantaneous event">instantaneous event</a> ordering constraints for entities</figcaption></figure>
+<br>
+<figcaption id="ordering-entity-fig">Summary of <a title="instantaneous event">instantaneous event</a> ordering constraints for entities</figcaption></figure>  <!-- <b>Figure 3:</b>  -->
 </div>
 
 <p>
@@ -2636,7 +2730,8 @@
 <div style="text-align: center;">
 <figure id="ordering-entity-trigger">
 <img src="images/constraints/ordering-entity-trigger.png" alt="ordering constraints for trigger entities" />
-<figcaption id="ordering-entity-trigger-fig"><b>Figure 4:</b> Summary of <a title="instantaneous event">instantaneous event</a> ordering constraints for trigger entities</figcaption>
+<br>
+<figcaption id="ordering-entity-trigger-fig">Summary of <a title="instantaneous event">instantaneous event</a> ordering constraints for trigger entities</figcaption>  <!-- <b>Figure 4:</b> -->
 </figure>
 </div>
 
@@ -2686,9 +2781,10 @@
 <div style="text-align: center;">
 <figure id="ordering-agents">
 <img src="images/constraints/ordering-agents.png" alt="ordering constraints for agents" />
-<figcaption><b>Figure 5:</b> Summary of <a
+<br>
+<figcaption>Summary of <a
   title="instantaneous event">instantaneous event</a> ordering
-  constraints for agents</figcaption>
+  constraints for agents</figcaption> <!--<b>Figure 5:</b> -->
 </figure>
 </div>