add new behaviour: bounce

Add the class .bounce to any element to let it bounce slightly for 2
seconds. This is useful to make the user aware of some element. Can be
combined with #scroll__here when a long list auto scrolls to a certain
item.

inc/html.php

@@ -939,12 +939,16 @@ function html_list_index($item){
 function html_li_index($item){
     global $INFO;
 
+    $class = '';
+    $id = '';
+
     if($item['type'] == "f"){
         // scroll to the current item
         if($item['id'] == $INFO['id']) {
             $id = ' id="scroll__here"';
+            $class = ' bounce';
         }
-        return '<li class="level'.$item['level'].'" '.$id.'>';
+        return '<li class="level'.$item['level'].$class.'" '.$id.'>';
     }elseif($item['open']){
         return '<li class="open">';
     }else{

lib/scripts/behaviour.js

@@ -56,6 +56,8 @@ var dw_behaviour = {
         jQuery(document).on('click','#page__revisions input[type=checkbox]',
             dw_behaviour.revisionBoxHandler
         );
+
+        jQuery('.bounce').effect('bounce', {times:10}, 2000 );
     },
 
     /**