$(document).ready(function () {
  $('.scroll-pane').jScrollPane({
    showArrows: true,
    scrollbarWidth: 11,
    scrollbarMargin: 10,
    wheelSpeed: 20
  });
  
  // find the div.fade elements and hook the hover event
  $('div#imagedescriptionlabel').click(function() {
    // on hovering over, find the element we want to fade *up*
    var slide = $(this).parent();

    slide.stop();
    if (slide.hasClass('open')) {
      slide.animate({
        left: '923'
      }, 1000);
      slide.removeClass('open');
    }
    else {
      slide.animate({
        left: '631'
      }, 1000);
      slide.addClass('open');
    }
  });
});