$(document).ready(function() {
  // Info about slideshow
  var slide = $('#basic-story');
  
  // Create our 'opener' element
  var opener = $("<div id='slide_opener'><a href='#'><img src='/sites/default/themes/basic/lps_minimized.png'></a></div>");
  opener.css('display', 'none');

  opener.find('a').click(function(e) {
    e.stopPropagation();
    slide.slideDown();
    opener.css('display', 'none');
    //opener.fadeOut('slow');
    closer.css('display', 'block'); 
    $.cookie('basic_slide', null);
    return false;
  }); 

  // Create our 'closer' element
  var closer = $("<div id='slide_closer'><a href='#'>Minimize slide</a></div>");

  closer.find('a').click(function(e) {
    e.stopPropagation();
    slide.slideUp();
    closer.css('display','none');
    // opener.css('display', 'block');
    opener.fadeIn('slow');
    $.cookie('basic_slide', 'hide', {expires: 1});
    return false;
  });

  // Insert elements in the DOM
  opener.insertAfter(slide);
  closer.insertAfter(slide);

  // Check if we should hide straight away
  if ($.cookie('basic_slide') == 'hide') {
    slide.hide();
    opener.css('display', 'block');
    closer.css('display', 'none');
  }
});