jQuery(document).ready(function($) {
  $('.gallery-icon a').fancybox({
    'overlayOpacity' : 0.8,
    'overlayColor'   : '#000',
    'titlePosition'  : 'inside',
    'titleFormat'		 : formatTitle
  });


  function formatTitle(title, gallery, index) {
    var html = '';

    if (title && title.length) {
      html += '<div class="fancybox-title">' + title + '</div>';
    }

    html += '<div class="fancybox-counter">Image ' + (index + 1) + ' of ' + gallery.length + '</div>';

    return '<div id="fancybox-title">' + html + '</div>';
  }
});