$(document).ready(function(){
  $('#pane12').jHScrollHorizontalPane({
    scrollbarHeight:17,
    scrollbarMargin:10
  });
  var x= 0;
  $('.showImage').click(function(){
    x++;
    var image = $(this).attr('rel');
    var this2 = this
    $(".comic").append("<img src='/uploads/comics/" + image + "' class='imgfader' id='comic" + (x) + "' style='z-index:" + (500 - x) + ";position:absolute;' />");
    $(".comic img:not(#comic"+x+")").fadeOut('slow', function(event){
                                                            $(this).remove();
                                                            $('.showImage img').fadeTo('fast',0.5);
                                                          });
  });
  $('.showImage img').hover(
    function(){
      $(this).fadeTo('fast',1);
    },
    function(){
      if ($('.comic img').attr('src') != '/uploads/comics/' + $(this).parent().attr('rel'))
      {
        $(this).fadeTo('fast',0.5);
      }
    });
});