diff --git a/examples/accessible.html b/examples/accessible.html
index 397ddd468f..bc2a23504f 100644
--- a/examples/accessible.html
+++ b/examples/accessible.html
@@ -22,10 +22,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -60,7 +56,7 @@
     </div>
 
     <script src="loader.js?id=accessible" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/animation.html b/examples/animation.html
index 9638c88256..e10e899935 100644
--- a/examples/animation.html
+++ b/examples/animation.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -63,7 +59,7 @@
     </div>
 
     <script src="loader.js?id=animation" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/bind-input.html b/examples/bind-input.html
index 13242c3503..dbeff5126d 100644
--- a/examples/bind-input.html
+++ b/examples/bind-input.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -88,7 +84,7 @@
     </div>
 
     <script src="loader.js?id=bind-input" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/bing-maps.html b/examples/bing-maps.html
index d4c95e11f4..89fe93c46f 100644
--- a/examples/bing-maps.html
+++ b/examples/bing-maps.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -57,7 +53,7 @@
 
     <script src="jquery.min.js" type="text/javascript"></script>
     <script src="loader.js?id=bing-maps" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/brightness-contrast.html b/examples/brightness-contrast.html
index 0fec55d57b..87cd26bf7f 100644
--- a/examples/brightness-contrast.html
+++ b/examples/brightness-contrast.html
@@ -25,10 +25,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -73,7 +69,7 @@
     </div>
 
     <script src="loader.js?id=brightness-contrast" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/canvas-tiles.html b/examples/canvas-tiles.html
index 6e4e0f1ad9..778737cce5 100644
--- a/examples/canvas-tiles.html
+++ b/examples/canvas-tiles.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -51,7 +47,7 @@
     </div>
 
     <script src="loader.js?id=canvas-tiles" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/custom-controls.html b/examples/custom-controls.html
index 7fef6a8950..b4a692b3f9 100644
--- a/examples/custom-controls.html
+++ b/examples/custom-controls.html
@@ -53,10 +53,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -89,7 +85,7 @@
     </div>
 
     <script src="loader.js?id=custom-controls" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 
diff --git a/examples/device-orientation.html b/examples/device-orientation.html
index 0dfc54f789..7587536100 100644
--- a/examples/device-orientation.html
+++ b/examples/device-orientation.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -57,7 +53,7 @@
     </div>
 
     <script src="loader.js?id=device-orientation" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/drag-rotate-and-zoom.html b/examples/drag-rotate-and-zoom.html
index a59d2c1f5b..2a6b59e5d2 100644
--- a/examples/drag-rotate-and-zoom.html
+++ b/examples/drag-rotate-and-zoom.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -51,7 +47,7 @@
     </div>
 
     <script src="loader.js?id=drag-rotate-and-zoom" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/epsg-4326.html b/examples/epsg-4326.html
index 294ef3126f..dcf5051e2e 100644
--- a/examples/epsg-4326.html
+++ b/examples/epsg-4326.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=epsg-4326" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/export-map.html b/examples/export-map.html
index 67817501df..587c236862 100644
--- a/examples/export-map.html
+++ b/examples/export-map.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -56,7 +52,7 @@
     </div>
 
     <script src="loader.js?id=export-map" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/full-screen-drag-rotate-and-zoom.html b/examples/full-screen-drag-rotate-and-zoom.html
index 95c3b73b0e..e8620521bf 100644
--- a/examples/full-screen-drag-rotate-and-zoom.html
+++ b/examples/full-screen-drag-rotate-and-zoom.html
@@ -28,10 +28,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -63,7 +59,7 @@
     </div>
 
     <script src="loader.js?id=full-screen-drag-rotate-and-zoom" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/full-screen.html b/examples/full-screen.html
index b7c39e0643..0f36b569e2 100644
--- a/examples/full-screen.html
+++ b/examples/full-screen.html
@@ -28,10 +28,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -63,7 +59,7 @@
     </div>
 
     <script src="loader.js?id=full-screen" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/geolocation.html b/examples/geolocation.html
index 66bc806fa2..5bcb480225 100644
--- a/examples/geolocation.html
+++ b/examples/geolocation.html
@@ -26,10 +26,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -71,7 +67,7 @@
     <script src="jquery.min.js" type="text/javascript"></script>
     <script src="../resources/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="loader.js?id=geolocation" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/getfeatureinfo.html b/examples/getfeatureinfo.html
index d7a0095198..092551f73e 100644
--- a/examples/getfeatureinfo.html
+++ b/examples/getfeatureinfo.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -55,7 +51,7 @@
     </div>
 
     <script src="loader.js?id=getfeatureinfo" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/gml.html b/examples/gml.html
index 6c86e515dd..21c6225323 100644
--- a/examples/gml.html
+++ b/examples/gml.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=gml" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/gpx.html b/examples/gpx.html
index c60431ad20..e5b47c32f7 100644
--- a/examples/gpx.html
+++ b/examples/gpx.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -54,7 +50,7 @@
     </div>
 
     <script src="loader.js?id=gpx" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/hue-saturation.html b/examples/hue-saturation.html
index c63319b891..aa56f33911 100644
--- a/examples/hue-saturation.html
+++ b/examples/hue-saturation.html
@@ -25,10 +25,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -73,7 +69,7 @@
     </div>
 
     <script src="loader.js?id=hue-saturation" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/icon.html b/examples/icon.html
index 35c8f343b7..d28c21fd54 100644
--- a/examples/icon.html
+++ b/examples/icon.html
@@ -25,10 +25,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -62,7 +58,7 @@
     <script src="jquery.min.js" type="text/javascript"></script>
     <script src="../resources/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="loader.js?id=icon" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/kml-earthquakes.html b/examples/kml-earthquakes.html
index e483bbc261..917216c65a 100644
--- a/examples/kml-earthquakes.html
+++ b/examples/kml-earthquakes.html
@@ -38,10 +38,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -75,7 +71,7 @@
     <script src="jquery.min.js" type="text/javascript"></script>
     <script src="../resources/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="loader.js?id=kml-earthquakes" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/kml-timezones.html b/examples/kml-timezones.html
index cc05264a3d..55895b62e8 100644
--- a/examples/kml-timezones.html
+++ b/examples/kml-timezones.html
@@ -28,10 +28,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -63,7 +59,7 @@
     <script src="jquery.min.js" type="text/javascript"></script>
     <script src="../resources/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="loader.js?id=kml-timezones" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/kml.html b/examples/kml.html
index c47a6617a4..db1cbc0955 100644
--- a/examples/kml.html
+++ b/examples/kml.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -55,7 +51,7 @@
     </div>
 
     <script src="loader.js?id=kml" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/layer-group.html b/examples/layer-group.html
index 747d0b4c44..ead2482819 100644
--- a/examples/layer-group.html
+++ b/examples/layer-group.html
@@ -21,10 +21,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -125,7 +121,7 @@
 
     <script src="jquery.min.js" type="text/javascript"></script>
     <script src="loader.js?id=layer-group" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/localized-openstreetmap.html b/examples/localized-openstreetmap.html
index 16503e4a51..3b45f0882d 100644
--- a/examples/localized-openstreetmap.html
+++ b/examples/localized-openstreetmap.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=localized-openstreetmap" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/mapquest.html b/examples/mapquest.html
index 07a512c639..acdcc2a9a6 100644
--- a/examples/mapquest.html
+++ b/examples/mapquest.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=mapquest" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/mouse-position.html b/examples/mouse-position.html
index e67b197dbc..b79ca8984d 100644
--- a/examples/mouse-position.html
+++ b/examples/mouse-position.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -58,7 +54,7 @@
     </div>
 
     <script src="loader.js?id=mouse-position" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/moveend.html b/examples/moveend.html
index f156d75e37..0aec5863e6 100644
--- a/examples/moveend.html
+++ b/examples/moveend.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -53,7 +49,7 @@
     </div>
 
     <script src="loader.js?id=moveend" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/navigation-controls.html b/examples/navigation-controls.html
index cbd51e9c9a..d43d69b65c 100644
--- a/examples/navigation-controls.html
+++ b/examples/navigation-controls.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -55,7 +51,7 @@
     </div>
 
     <script src="loader.js?id=navigation-controls" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/overlay.html b/examples/overlay.html
index c7bf0c623b..df37c2b678 100644
--- a/examples/overlay.html
+++ b/examples/overlay.html
@@ -29,10 +29,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -73,7 +69,7 @@
     <script src="jquery.min.js" type="text/javascript"></script>
     <script src="../resources/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="loader.js?id=overlay" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/popup.html b/examples/popup.html
index 3f1724235e..beb12de38c 100644
--- a/examples/popup.html
+++ b/examples/popup.html
@@ -62,10 +62,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -105,7 +101,7 @@
     </div>
 
     <script src="loader.js?id=popup" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/preload.html b/examples/preload.html
index 3942da9473..d9dc6c3865 100644
--- a/examples/preload.html
+++ b/examples/preload.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -54,7 +50,7 @@
     </div>
 
     <script src="loader.js?id=preload" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/rotation.html b/examples/rotation.html
index c6c4433633..b5f101d0ad 100644
--- a/examples/rotation.html
+++ b/examples/rotation.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -51,7 +47,7 @@
     </div>
 
     <script src="loader.js?id=rotation" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/scale-line.html b/examples/scale-line.html
index 3c3ce31fea..6a2ac62b81 100644
--- a/examples/scale-line.html
+++ b/examples/scale-line.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -55,7 +51,7 @@
     </div>
 
     <script src="loader.js?id=scale-line" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/select-features.html b/examples/select-features.html
index 2ff31fb9dd..59e3dee7eb 100644
--- a/examples/select-features.html
+++ b/examples/select-features.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=select-features" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/semi-transparent-layer.html b/examples/semi-transparent-layer.html
index 768fc925f1..072b946ef8 100644
--- a/examples/semi-transparent-layer.html
+++ b/examples/semi-transparent-layer.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=semi-transparent-layer" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/side-by-side.html b/examples/side-by-side.html
index e3ed360755..a43873e70a 100644
--- a/examples/side-by-side.html
+++ b/examples/side-by-side.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -62,7 +58,7 @@
     </div>
 
     <script src="loader.js?id=side-by-side" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/simple.html b/examples/simple.html
index 5051fd53b7..5ef77daed0 100644
--- a/examples/simple.html
+++ b/examples/simple.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=simple" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/stamen.html b/examples/stamen.html
index 363a757cd6..d1781b575e 100644
--- a/examples/stamen.html
+++ b/examples/stamen.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=stamen" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/style-rules.html b/examples/style-rules.html
index 46d8de3356..743e55b45b 100644
--- a/examples/style-rules.html
+++ b/examples/style-rules.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=style-rules" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/teleport.html b/examples/teleport.html
index 52b3e06fd3..1d60785214 100644
--- a/examples/teleport.html
+++ b/examples/teleport.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -60,7 +56,7 @@
     </div>
 
     <script src="loader.js?id=teleport" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/ten-thousand-points.html b/examples/ten-thousand-points.html
index 923bddcb19..588be7b022 100644
--- a/examples/ten-thousand-points.html
+++ b/examples/ten-thousand-points.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -54,7 +50,7 @@
     </div>
 
     <script src="loader.js?id=ten-thousand-points" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/tilejson.html b/examples/tilejson.html
index 33e9287b2e..70405ebeb0 100644
--- a/examples/tilejson.html
+++ b/examples/tilejson.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=tilejson" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/topojson.html b/examples/topojson.html
index 1ed1b1d991..f9b79e18f0 100644
--- a/examples/topojson.html
+++ b/examples/topojson.html
@@ -16,10 +16,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=topojson" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/vector-layer.html b/examples/vector-layer.html
index b55269e38d..d6de2cf0a3 100644
--- a/examples/vector-layer.html
+++ b/examples/vector-layer.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -55,7 +51,7 @@
     </div>
 
     <script src="loader.js?id=vector-layer" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wms-capabilities.html b/examples/wms-capabilities.html
index 8ebd509b00..01ef7e17e4 100644
--- a/examples/wms-capabilities.html
+++ b/examples/wms-capabilities.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -48,7 +44,7 @@
     </div>
 
     <script src="loader.js?id=wms-capabilities" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wms-custom-proj.html b/examples/wms-custom-proj.html
index 9f086e5a4a..eb76160029 100644
--- a/examples/wms-custom-proj.html
+++ b/examples/wms-custom-proj.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -52,7 +48,7 @@
     <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script>
     <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/defs/EPSG21781.js" type="text/javascript"></script>
     <script src="loader.js?id=wms-custom-proj" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wms-image-custom-proj.html b/examples/wms-image-custom-proj.html
index 78c1b82e4f..e7d921bf37 100644
--- a/examples/wms-image-custom-proj.html
+++ b/examples/wms-image-custom-proj.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -53,7 +49,7 @@
     <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script>
     <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/defs/EPSG21781.js" type="text/javascript"></script>
     <script src="loader.js?id=wms-image-custom-proj" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wms-image.html b/examples/wms-image.html
index 25d5702159..63cc50c88f 100644
--- a/examples/wms-image.html
+++ b/examples/wms-image.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=wms-image" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wms-no-proj.html b/examples/wms-no-proj.html
index 075a8660f7..93434c1678 100644
--- a/examples/wms-no-proj.html
+++ b/examples/wms-no-proj.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=wms-no-proj" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wms-tiled.html b/examples/wms-tiled.html
index 06b634293e..49e92f5656 100644
--- a/examples/wms-tiled.html
+++ b/examples/wms-tiled.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=wms-tiled" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wmts-capabilities.html b/examples/wmts-capabilities.html
index 4f5ddbd88c..271d05e50d 100644
--- a/examples/wmts-capabilities.html
+++ b/examples/wmts-capabilities.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -49,7 +45,7 @@
 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script>
     <script src="loader.js?id=wmts-capabilities" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wmts-from-capabilities.html b/examples/wmts-from-capabilities.html
index 2ebed2f9d3..81f746edb9 100644
--- a/examples/wmts-from-capabilities.html
+++ b/examples/wmts-from-capabilities.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -51,7 +47,7 @@
 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script>
     <script src="loader.js?id=wmts-from-capabilities" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wmts-ign.html b/examples/wmts-ign.html
index eb90ce6c02..5683be1d63 100644
--- a/examples/wmts-ign.html
+++ b/examples/wmts-ign.html
@@ -22,10 +22,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -59,7 +55,7 @@
 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script>
     <script src="loader.js?id=wmts-ign" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/wmts.html b/examples/wmts.html
index 2018fc75cf..db722f45d5 100644
--- a/examples/wmts.html
+++ b/examples/wmts.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=wmts" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/xyz-esri.html b/examples/xyz-esri.html
index 5d59d7b0aa..59d95e2fbe 100644
--- a/examples/xyz-esri.html
+++ b/examples/xyz-esri.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -50,7 +46,7 @@
     </div>
 
     <script src="loader.js?id=xyz-esri" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/xyz-seturl.html b/examples/xyz-seturl.html
index 2adb6c1310..1b09fd9618 100644
--- a/examples/xyz-seturl.html
+++ b/examples/xyz-seturl.html
@@ -17,10 +17,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -56,7 +52,7 @@
 
     <script src="jquery.min.js" type="text/javascript"></script>
     <script src="loader.js?id=xyz-seturl" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 </html>
diff --git a/examples/zoomslider.html b/examples/zoomslider.html
index 701fd6bf09..e74cd49392 100644
--- a/examples/zoomslider.html
+++ b/examples/zoomslider.html
@@ -69,10 +69,6 @@
         <div class="container">
           <a class="brand" href="./">OpenLayers 3 Examples</a>
           <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
           </ul>
         </div>
       </div>
@@ -114,7 +110,7 @@
     </div>
 
     <script src="loader.js?id=zoomslider" type="text/javascript"></script>
-    <script src="../resources/social-links.js" type="text/javascript"></script>
+    <script src="../resources/example-behaviour.js" type="text/javascript"></script>
 
   </body>
 
diff --git a/resources/example-behaviour.js b/resources/example-behaviour.js
new file mode 100644
index 0000000000..4922b8bbf5
--- /dev/null
+++ b/resources/example-behaviour.js
@@ -0,0 +1,61 @@
+;(function(){
+  var container = document.querySelector('.navbar ul.pull-right'),
+      li = document.createElement('li'),
+      div = document.createElement('div'),
+      select = document.createElement('select'),
+      possibleModes = {
+        'raw' : 'Development',
+        'compiled': 'Production'
+      },
+      urlMode = window.location.href.match(/mode=([a-z0-9\-]+)\&?/i),
+      curMode = urlMode ? urlMode[1] : 'compiled',
+      option,
+      modeIdx,
+      mode,
+      modeTxt,
+      modeChangedMethod;
+
+  modeChangedMethod = function() {
+    var newMode = this.value,
+        search = window.location.search.substring(1),
+        baseUrl = window.location.href.split('?')[0],
+        chunks = search ? search.split('&') : [],
+        pairs = [],
+        i,
+        pair,
+        adjusted;
+    for (i = chunks.length - 1; i >= 0; --i) {
+      pair = chunks[i].split('=');
+      if (pair[0].toLowerCase() === 'mode') {
+        pair[1] = newMode;
+      }
+      adjusted = encodeURIComponent(pair[0]);
+      if (typeof pair[1] !== undefined) {
+        adjusted += '=' + encodeURIComponent(pair[1] || '');
+      }
+      pairs.push(adjusted);
+    }
+    location.href = baseUrl + '?' + pairs.join('&');
+  };
+
+  for (mode in possibleModes) {
+    if ( possibleModes.hasOwnProperty(mode) ) {
+      option = document.createElement('option');
+      modeTxt = possibleModes[mode];
+      option.value = mode;
+      option.innerHTML = modeTxt;
+      option.selected = curMode === mode;
+      select.appendChild(option);
+    }
+  }
+
+  select.addEventListener('change', modeChangedMethod);
+  select.className = 'input-medium';
+  
+  div.className = 'input-prepend';
+  div.innerHTML = '<span class="add-on"><i class="icon-refresh"></i></span>';
+  div.appendChild(select);
+
+  li.appendChild(div);
+  container.appendChild(li);
+})();
\ No newline at end of file
diff --git a/resources/social-links.js b/resources/social-links.js
deleted file mode 100644
index 80c6809399..0000000000
--- a/resources/social-links.js
+++ /dev/null
@@ -1,26 +0,0 @@
-if (window.location.search == '') {
-
-  // add tweet buttons
-  // (adapated from https://twitter.com/about/resources/buttons)
-  (function() {
-    var self = document.getElementsByTagName('script')[0];
-    var script = document.createElement('script');
-    script.type = 'text/javascript';
-    script.async = true;
-    script.src = '//platform.twitter.com/widgets.js';
-    self.parentNode.insertBefore(script, self);
-  })();
-
-
-  // add g+1 buttons
-  // (adapted from https://developers.google.com/+/web/+1button)
-  (function() {
-    var self = document.getElementsByTagName('script')[0];
-    var script = document.createElement('script');
-    script.type = 'text/javascript';
-    script.async = true;
-    script.src = 'https://apis.google.com/js/plusone.js';
-    self.parentNode.insertBefore(script, self);
-  })();
-
-}