var Loaded;  

Shadowbox.init({
  skipSetup: true,         // skip the automatic setup
  slideshowMode: 1,        // start slideshow paused - must be in init
  counterType: 'default',
  counterLimit: 25,
  continuous: true,
  player: 'img',
  gallery: 'sl',
  slideshowDelay: 5,
  slideshowMode: 1,
  animate: true,
  animateFade: true,
  animSequence: "sync",
  fadeDuration: 0.35,
  resizeDuration: 0.35,
  initialHeight: 800,
  initialWidth: 800
});
  
function SetupShadowbox(){
  if (false) {
    var ct = $('#gallery #thumbs .thumb a[rel^=shadowbox]').length;
    alert(ct);
  }
  $('#gallery #thumbs .thumb a').shadowbox({
    player: 'img' //player has to be set here.
  });
}
         
//jQuery(document).ready(function(){
//  alert('hello');
//  $('#pager ul.pages').centerInClient();
//});

$(window).bind('load', function(){     
  FetchContent(Page);
});
          
function FetchContent(Page){
  $.ajax({
    type: "POST",
    url: "/ajax_server/html/svr_dynamic_thumbs.php",
    data: "SLPageID=" + SLPageID +
    "&SLPageName=" + SLPageName +
    "&request=" + "PrintPage" +
    "&AlbumDir=" + AlbumDir +
    "&ThumbSize=" + ThumbSize +
    "&page=" + Page +
    "&rows=" + RowCt +
    "&sidx=" + "1" +
    "&sord=" + "asc",
    cache: true,
    success: function(html){
      $("#thumbs").html(html);
      $("#pager").pager({
        pagenumber: Page,
        pagecount: PageCt,
        buttonClickCallback: PageClick
      });
      Loaded = false;
      LoadOneImage()
      Timer = $.timer(20, function(timer){
        LoadOneImage();
        if (Loaded) {
          timer.stop();
          SetupShadowbox();
        }
      })
    }
  });
}    

PageClick = function(pageclickednumber){
  $("#pager").pager({
    pagenumber: pageclickednumber,
    pagecount: PageCt,
    buttonClickCallback: PageClick
  });
  FetchContent(pageclickednumber);
}

function LoadOneImage(){
  var loader = $('.loadable-image:first');
  if (loader.length != 0) {
    loader.removeClass('loadable-image');
    image_src = loader.attr('src');
    var img = new Image();
    $(img).load(function(){
      $(this).hide();
      loader.find('a').html(this);
      loader.find('img').fadeIn(1000);
    }).attr('src', image_src);
  }
  else {
    Loaded = true;
  }
}