diff --git a/plugins/calendar/calendar.js b/plugins/calendar/calendar.js
index aada0286..7b1070a2 100644
--- a/plugins/calendar/calendar.js
+++ b/plugins/calendar/calendar.js
@@ -849,24 +849,4 @@ window.rcmail && rcmail.addEventListener('init', function(evt) {
         this.checked = true;
     });
 
-    // initialize sidebar toggle
-    $('#sidebartoggle').click(function() {
-      var width = $(this).data('sidebarwidth');
-      var offset = $(this).data('offset');
-      var $sidebar = $('#sidebar'), time = 250;
-      
-      if ($sidebar.is(':visible')) {
-        $sidebar.animate({ left:'-'+(width+10)+'px' }, time, function(){ $('#sidebar').hide(); });
-        $(this).animate({ left:'6px'}, time, function(){ $('#sidebartoggle').addClass('sidebarclosed') });
-        $('#calendar').animate({ left:'20px'}, time, function(){ $(this).fullCalendar('render'); });
-      }
-      else {
-        $sidebar.show().animate({ left:'10px' }, time);
-        $(this).animate({ left:offset+'px'}, time, function(){ $('#sidebartoggle').removeClass('sidebarclosed'); });
-        $('#calendar').animate({ left:(width+20)+'px'}, time, function(){ $(this).fullCalendar('render'); });
-      }
-    })
-    .data('offset', $('#sidebartoggle').position().left)
-    .data('sidebarwidth', $('#sidebar').width() + $('#sidebar').position().left);
-
 });
diff --git a/plugins/calendar/skins/default/templates/calendar.html b/plugins/calendar/skins/default/templates/calendar.html
index 227932c5..b4efed38 100644
--- a/plugins/calendar/skins/default/templates/calendar.html
+++ b/plugins/calendar/skins/default/templates/calendar.html
@@ -178,5 +178,32 @@
 </div>
 
 <roundcube:object name="plugin.calendar_css" />
+
+<script type="text/javascript">
+
+$(document).ready(function(e){
+  // initialize sidebar toggle
+  $('#sidebartoggle').click(function() {
+    var width = $(this).data('sidebarwidth');
+    var offset = $(this).data('offset');
+    var $sidebar = $('#sidebar'), time = 250;
+    
+    if ($sidebar.is(':visible')) {
+      $sidebar.animate({ left:'-'+(width+10)+'px' }, time, function(){ $('#sidebar').hide(); });
+      $(this).animate({ left:'6px'}, time, function(){ $('#sidebartoggle').addClass('sidebarclosed') });
+      $('#calendar').animate({ left:'20px'}, time, function(){ $(this).fullCalendar('render'); });
+    }
+    else {
+      $sidebar.show().animate({ left:'10px' }, time);
+      $(this).animate({ left:offset+'px'}, time, function(){ $('#sidebartoggle').removeClass('sidebarclosed'); });
+      $('#calendar').animate({ left:(width+20)+'px'}, time, function(){ $(this).fullCalendar('render'); });
+    }
+  })
+  .data('offset', $('#sidebartoggle').position().left)
+  .data('sidebarwidth', $('#sidebar').width() + $('#sidebar').position().left);
+});
+
+</script>
+
 </body>
 </html>
\ No newline at end of file