jQuery(document).ready(function() {
  
  var toolbarwidth = jQuery('body').outerWidth() - 15;
  jQuery('#toolbar').css('width', toolbarwidth).append('<div id=\"minimize\">«</div>');
  
  var minimizewidth = jQuery('#toolbar #minimize').outerWidth();
  var shrink = toolbarwidth - minimizewidth - 10;
  
  // Upon resize
  jQuery(window).resize(function() {
    var toolbarwidth = jQuery('body').outerWidth() - 15;
    var shrink = toolbarwidth - minimizewidth - 10;
    jQuery('#toolbar').css('width', toolbarwidth);
    
    if (jQuery('#toolbar').css('marginLeft') === '0px') {
    } else {
      jQuery('#toolbar').css('marginLeft', -shrink).css('width', toolbarwidth);
    }
  });
  
  // Doing the actual animation.
  jQuery("#toolbar #minimize").toggle(
    function() {
      jQuery('#minimize').html('»');
      jQuery("#toolbar").animate({
        marginLeft: -shrink
      }, 300 );
    },
    function() {
      jQuery('#minimize').html('«');
      jQuery("#toolbar").animate({
        marginLeft: '0px'
      }, 300 );
    }
  );
  
});