$(document).ready(function(){
  overlayapi = $("div.overlay[rel]").overlay({
    expose: {color: '#0F0F0F',opacity: '0.95'},
    api: true,
    top: 20,
    onBeforeLoad: function() {
       $('#mediaoverlay .loading').css('display','block');
       var wrap = this.getContent().find(".contentWrap");
       wrap.load(this.getTrigger().attr("overlaylink"));
     },
     onLoad: function() {
       //setTimeout("initGallery()",500);
     },
     onClose: function() {
       $('#mediaoverlay .contentWrap').html('');
     }

  });
});


function initCustomGallery() {
  var pagesize = 9;

  //api.reload();
  api = null;
  var api =  $("div.scrollable").scrollable({
    size:pagesize,
    keyboard: false,
    activeClass:'isActive',
    onSeek: function() {
      items = api.getVisibleItems();
      itemclick =items.eq(4);
      id = $(itemclick).attr('rel').replace('galleryImage','');
      $('#TCustomGalleryImage').attr('src',gallery_images[id][0]);
      $('#TCustomGalleryImageName').html(gallery_images[id][1]);
      $('#TCustomGalleryImageDescription').html(gallery_images[id][2]);
    }
  }).circular({api:true});

  $("#galleryNaviNext").click(function(){
    api.next();
    $('#TCustomGalleryNaviContainer .item').removeClass('isActive');
    items = api.getVisibleItems();
    itemnext = $(items).eq(4);
    $(itemnext).addClass('isActive');
    id = $(itemnext).attr('rel').replace('galleryImage','');
    $('#TCustomGalleryImage').attr('src',gallery_images[id][0]);
    $('#TCustomGalleryImageName').html(gallery_images[id][1]);
    $('#TCustomGalleryImageDescription').html(gallery_images[id][2]);
  });

  $("#galleryNaviPrevious").click(function(){
    api.prev();
    $('#TCustomGalleryNaviContainer .item').removeClass('isActive');
    items = api.getVisibleItems();
    itemprevious =items.eq(4);
    $(itemprevious).addClass('isActive');
    id = $(itemprevious).attr('rel').replace('galleryImage','');
    $('#TCustomGalleryImage').attr('src',gallery_images[id][0]);
    $('#TCustomGalleryImageName').html(gallery_images[id][1]);
    $('#TCustomGalleryImageDescription').html(gallery_images[id][2]);
  });
  
  return true;

};