tooltips for the images in saimod files, removed old sai files

sai/modules/saimod_sys_files/js/saimod_sys_files.js

@@ -69,6 +69,10 @@ function init_saimod_sys_files_list(){
     });
     
     files_menu();
+    
+    $('a[data-toggle="tooltip"]').tooltip({ animated: 'fade',
+                                            placement: 'bottom',
+                                            html: true});
 }
 
 function files_menu(){
@@ -78,8 +82,4 @@ function files_menu(){
         $('#menu_folder_'+system.cur_state().split('.')[1]).parent().addClass('active');
     } else {
         $('#menu_folder_sai').parent().addClass('active');}
-}
-
-function saimod_sys_files_tooltip(elementId, pictureId, pictureCategory) {
-    $( "#"+elementId ).tooltip({ content: '<img src="./files/'+pictureCategory+'/'+pictureId+'" />' });
 }

sai/modules/saimod_sys_files/tpl/saimod_sys_files_list_entry.tpl

@@ -2,7 +2,7 @@
     <td>${name}</td>
     <td>${extension}</td>
     <td>
-        <a href="${url}" target="_blank" id="tooltip_${cat}_${i}" onmouseover="saimod_sys_files_tooltip('tooltip_${cat}_${i}','${name}','${cat}')">${url}</a>
+        <a data-toggle="tooltip" title="<img src='${url}'/>" href="${url}" target="_blank" id="tooltip_${cat}_${i}">${url}</a>
     </td>
     <td>
         <button type="submit" class="btn-warning btn btn-sm imgrnbtn" style="margin: 1px;;" cat="${cat}" id="${name}" textfield="#renametext_${cat}_${i}"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></button>