$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#slickgallery').hide();
  
 // shows and hides and toggles the slickbox on click  
  $('#slickgallery-show').click(function() {
    $('#slickgallery').show('slow');
    return false;
  });
  $('#slickgallery-hide').click(function() {
    $('#slickgallery').hide('fast');
    return false;
  });
  $('#slickgallery-toggle').click(function() {
    $('#slickgallery').toggle(400);
    return false;
  });

 // slides down, up, and toggle the slickbox on click    
  $('#slickgallery-down').click(function() {
    $('#slickgallery').slideDown(300);
    return false;
  });
  $('#slickgallery-up').click(function() {
    $('#slickgallery').slideUp(100);
    return false;
  });
  $('#slickgallery-slidetoggle').click(function() {
    $('#slickgallery').slideToggle(400);
    return false;
  });
});