/**
 * oeffne Lupenbilder in einer lightbox 
 * @package         typo3-ext-js
 * @version         0.0.1
 */
 
jQuery.noConflict();

jQuery(document).ready(function($) {

   function formatTitle(title, currentArray, currentIndex, currentOpts) {
    if ( title.indexOf('|') == -1 ) {
      if ( title.length != 0) {
        return '<div id="fancybox-title-over" class="clearfix"><strong>' + title + '</strong></div>';
      } else {
        return '';
      }
    } else {
      var main_title = title.substring ( 0, title.indexOf('|') );
      var credits = title.substring ( title.indexOf('|')+1,  title.length );
      var label_print = 'Drucken';
      if ( $('body').hasClass('english') ) { label_print = 'Print'; }
      return '<div id="fancybox-title-over" class="clearfix"><strong>' + main_title + '</strong><em class="credits">' + credits + '<a href="javascript:window.print();" class="lightbox_print_button">' + label_print + '</a></em></div>';
    }
   }
  
  function lightbox_on_start () {
    $('body').addClass('no_print');
  }
  function lightbox_on_close () {
    $('body').removeClass('no_print');
  }
  
  $('.picBox').each(function() {
    
    /* Lupenbilder: div.picBox die breite vom img geben */
    var $width = parseInt ( $(this).find('img').css('width') ) + 2;
    $(this).css('width', $width + 'px');
   
   
    /*var $title = $(this).find ('li a').text();
    $title += ' | ';
    $title += $(this).find ('span').text();

    $(this).find('a').attr('title', $title);*/
    
    $(this).addClass('gallery');
    $(this).find('a').append('<span class="lightbox_magnifier">Vergrößern</span>');
    $(this).find('li span.lightbox_magnifier').remove();
    
    $(this).find('a').fancybox({
      'transitionIn'    : 'none',
      'transitionOut'      : 'none',
      'titlePosition'   : 'outside',
      'padding'   : 20,
      'hideOnContentClick' : true,
      'titleFormat'     : formatTitle,
      'onStart' : lightbox_on_start,
      'onClosed' : lightbox_on_close
    });
    
  });

});