/**
 * JS-Funktionen fuer rottenburg.de
 *
 * seitenblick interaktive medien gmbh
 * Koenigstrasse 16, 70173 Stuttgart
 * fon: 0711/8599818-0
 * fax: 0711/8599818-40
 * e-Mail : info@seitenblick.de
 *
 * Author : Andreas Harnisch <ah@seitenblick.de>
 *          Christopher Frühwirth <cf@seitenblick.de>
 *
 *  Version: 2.0
 */


/******************************************************************************/
/*--- Bildergalerie ----------------------------------------------------------*/
/******************************************************************************/
/**
* Initialisierung der Galerie
*/

			$(document).ready(function() {				
				// Initialize Minimal Galleriffic Gallery
				$('#thumbs').galleriffic({
					imageContainerSel:      '#slideshow',
					controlsContainerSel:   '#controls',
          captionContainerSel:    '#caption',
          prevLinkText:           'voriges Bild',        
          nextLinkText:           'nächstes Bild', 
          renderSSControls:          false,
		      renderNavControls:         true,		      
	 	      defaultTransitionDuration: 1          
				});
			});


/**
 * Sprachvariablen
 */
var txt_preview_show = "Bildergalerie anzeigen";
var txt_preview_close = "Bildergalerie schließen";
var txt_thumb_slide_back = "Vorherige Vorschaubilder";
var txt_thumb_slide_next = "Nächste Vorschaubilder";

/**
 * Dimensionen
 */

// Breites eines Thumbnails (inkl. Abstand nach links/rechts)
var thumbs_link_width = 118;
// Sichtbarer Thumbnail-Bereich im Layout (Breite des Wrapper)
var thumbs_viewport = 460;
// Breite der im Viewport sichtbaren Bilder
var thumbs_viewport_inner = 4*thumbs_link_width;
// der IE6 braucht beim Thumb_Wrapper zusaetzlich 18px, sonst werden die letzten Thumbs nicht angezeigt
var ie6margin = 18;  

//Anzahl der Bilder

$(document).ready(function() {	
   var amount =  parseInt($(".gallery_thumbs_wrapper li").children("a").size()); 
   $('.gallery_navi').find('.photo-index').find('.eq').html(amount);	
		
			});
/**
 * Name         : switch_image
 * Beschreibung : alle Thumbnails, die mit dem Attribut rel="switch_image" oeffnen sich in der Detailansicht in gross
 * Bibliothek   : JQuery
 */
$(document).ready(function(){
  // Textlink: große Vorschau ein-/ausblenden
  $(".gallery_showhide a").bind("click", function(event){
    // Link zur statischen Alternative unterbinden
    event.preventDefault();
    // Aktion abhängig vom Status des Vorschaubereiches
    if ( $(this).parent().parent().find("#slideshow_wrapper").attr('class') == 'closed' ) {
      $(this).parent().parent().find("#slideshow_wrapper").slideDown();
      $(this).html(txt_preview_close);
      $(this).parent().parent().find("#slideshow_wrapper").removeClass('closed');
      //richtigen  Zoom-Link einblenden
      $(this).parent().parent().find("#zoomwrapper").children().hide();
      $(this).parent().parent().find("#zoomwrapper").children("a:first").show();
      //prev-pic link ausblenden
      $(this).parent().parent().find('.gallery_prev_pic').hide();
      //dem ersten thumb die Klasse selected hinzufügen
      $(this).parent().parent().find('.selected').children("a:first").addClass('selected_img');
      
      //Zoom-Links durchnummerieren    
      var thumb_id = 1;
        var thumb_element = $(this).parent().parent().find('.gallery_thumbs_wrapper').find('li').children("a");      
        var zoom_element = $(this).parent().parent().find("#zoomwrapper").children();
        for (i=0; i<thumb_element.length; i++){          
          zoom_element.eq(i).addClass('zoom_'+thumb_id);
          thumb_id++;        
        }
              
    } else {
      $(this).parent().parent().find("#slideshow_wrapper").slideUp();
      $(this).html(txt_preview_show);
      $(this).parent().parent().find("#slideshow_wrapper").addClass('closed');
    }
    
 
  })
})

/**
 * Name         : thumbnail_navigation
 * Beschreibung : Thumbnails zur Vorschau nach links/rechts schieben
 * Bibliothek   : JQuery
 */
$(document).ready(function(){
  if($(".gallery_thumbs").html()!=null){
    // Falls JS aktiviert werden die Navigationslink ergaenzt
    $(".gallery_thumbs").append('<div class="gt_back"><a class="gt_btn_back" href="javascript:;" title="'+txt_thumb_slide_back+'"><span class="inv">'+txt_thumb_slide_back+'</span></a></div>');
    $(".gallery_thumbs").append('<div class="gt_next"><a class="gt_btn_next" href="javascript:;" title="'+txt_thumb_slide_next+'"><span class="inv">'+txt_thumb_slide_next+'</span></a></div>');
    // Der Zurueck-Button ist zunaechst ausgeblendet
    $(".gt_back").hide();
   
    // Bei Klick auf den Weiter-Button
    $(".gt_btn_next").click(function(){
      // beim ersten Klick werden die Thumbnails und Zoom-Links durchnummeriert
      if ( $(this).parent().parent().attr('class') == 'gallery_thumbs' ) {
        var thumb_id = 1;
        var thumb_element = $(this).parent().parent().find('.gallery_thumbs_wrapper').find('li').children("a");
        var zoom_element = $('#zoomwrapper').children("a");
        for (i=0; i<thumb_element.length; i++){
          thumb_element.eq(i).addClass('thumb_'+thumb_id);
          zoom_element.eq(i).addClass('zoom_'+thumb_id);
          thumb_id++;
        }
        $(this).parent().parent().addClass('thumbs_numbered');
        // Die tatsaechliche Breite (nach Anzahl der Bilder) des Wrapper ermittelt
        var gt_wrapper_count =  $(this).parent().parent().find(".gallery_thumbs_wrapper li").children("a").size();
        // Anzahl mal Bildbreite
        var gt_wrapper_width = gt_wrapper_count * thumbs_link_width + ie6margin;
        // und Breite dem Bilderwrapper zuweisen
        $(this).parent().parent().find(".gallery_thumbs_wrapper").css("width", gt_wrapper_width);
      }
      // Aktuelle Position und Gesamtbreite des Bilderwrapper ermitteln
      var current_pos = parseInt($(this).parent().parent().find('.gallery_thumbs_wrapper').css("marginLeft"));
      var gt_wrapper_width = parseInt($(this).parent().parent().find('.gallery_thumbs_wrapper').css("width")); 
      // falls die Position zwischen 0 und dem negativen Maximalwert liegt: nach links schieben
      if ( current_pos <= 0 && current_pos > (-(gt_wrapper_width) + thumbs_viewport_inner) ){
        // Neue Position:
        if ( current_pos <= (-(gt_wrapper_width) + ( 5 * thumbs_link_width + ie6margin ) ) ) {
          var new_pos = current_pos - thumbs_link_width;
        } else if ( current_pos <= (-(gt_wrapper_width) + ( 6 * thumbs_link_width + ie6margin ) ) ) {
          var new_pos = current_pos - (2*thumbs_link_width);
        } else if ( current_pos <= (-(gt_wrapper_width) + ( 7 * thumbs_link_width + ie6margin ) ) ) {
          var new_pos = current_pos - (3*thumbs_link_width);
        } else {
          var new_pos = current_pos - thumbs_viewport_inner;
        }
        // fuer die Zeit des Verschiebens die Buttons mit einem Overlay deaktiveren 
        $(this).parent().parent().append('<div class="dont_click"><img src="/i/lightbox-blank.gif" height="79" width="460" alt="" /></div>');
        // den Bilderwrapper auf die neue Position verschieben und das Overlay wieder entfernen
        $(this).parent().parent().find(".gallery_thumbs_wrapper").animate({ marginLeft: new_pos }, 800, function() {
           $(this).parent().parent().find(".dont_click").remove();
        });
        // wenn das letzte Bild sichtbar wird: den Weiter-Button ausblenden
        if (new_pos <= (-(gt_wrapper_width) + thumbs_viewport_inner + ie6margin )) {
          $(this).parent().fadeOut();
        }
      }
      // Zurueck-Button einblenden
      if ($(this).parent().parent().find(".gt_back").css("display") == "none") {
        $(this).parent().parent().find(".gt_back").fadeIn();
      } 
    });
    
    // Bei Klick auf den Zurueck-Button
    $(".gt_btn_back").click(function(){
      // beim ersten Klick werden die Thumbnails und Zoomlinks durchnummeriert
      if ( $(this).parent().parent().attr('class') == 'gallery_thumbs' ) {
        var thumb_id = 1;
        var thumb_element = $(this).parent().parent().find('.gallery_thumbs_wrapper').find('li').children("a");
        var zoom_element = $('#zoomwrapper').children("a");
        for (i=0; i<thumb_element.length; i++){
          thumb_element.eq(i).addClass('thumb_'+thumb_id);
          zoom_element.eq(i).addClass('zoom_'+thumb_id);
          thumb_id++;
        }
        $(this).parent().parent().addClass('thumbs_numbered');
        // Die tatsaechliche Breite (nach Anzahl der Bilder) des Wrapper ermittelt
        var gt_wrapper_count =  $(this).parent().parent().find(".gallery_thumbs_wrapper").children().size();
        // Anzahl mal Bildbreite
        var gt_wrapper_width = gt_wrapper_count * thumbs_link_width;
        // und Breite dem Bilderwrapper zuweisen
        //$(this).parent().parent().find(".gallery_thumbs_wrapper").css("width", gt_wrapper_width);
      }
      // Aktuelle Position und Gesamtbreite des Bilderwrapper ermitteln
      var current_pos = parseInt($(this).parent().parent().find('.gallery_thumbs_wrapper').css("marginLeft"));
      var gt_wrapper_width = parseInt($(this).parent().parent().find('.gallery_thumbs_wrapper').css("width"));
      // falls die Position kleiner als 0 ist: nach rechts schieben
      if ( current_pos <= 0 ){
        // Neue Position:
        if ( current_pos >= - thumbs_viewport_inner ) {
          var new_pos = 0;
        } else {
          var new_pos = current_pos + thumbs_viewport_inner;
        }
        // fuer die Zeit des Verschiebens die Buttons mit einem Overlay deaktiveren 
        $(this).parent().parent().append('<div class="dont_click"><img src="/i/lightbox-blank.gif" height="79" width="460" alt="" /></div>');
        // den Bilderwrapper auf die neue Position verschieben und das Overlay wieder entfernen
        $(this).parent().parent().find(".gallery_thumbs_wrapper").animate({ marginLeft: new_pos }, 800 , function() {
           $(this).parent().parent().find(".dont_click").remove();
        });
        // wenn das erste Bild sichtbar wird: den Zurueck-Button ausblenden
        if (new_pos == 0) {
          $(this).parent().fadeOut();
        }
        // Weiter-Button einblenden
        if (new_pos >= (-(gt_wrapper_width) + thumbs_link_width )) {
          $(this).parent().parent().find(".gt_next").fadeIn();
        }
      } 
    });
    
  }
})

/**
 * Name         : thumbnail_click
 * Beschreibung : angeklickten Thumbnail anzeigen, ggf. Vorschau dazu einblenden
 * Bibliothek   : JQuery
 */
$(document).ready(function(){  
  // Skippen durch Klick aufs Thumb
  $('.gallery_thumbs_wrapper').find('li').children("a").bind("click", function(event){
    // Link zur statischen Alternative unterbinden
    event.preventDefault();
    // beim ersten Klick werden die Thumbnails und Zoomlinks durchnummeriert
    if ( $(this).parent().parent().parent().parent().attr('class') == 'gallery_thumbs' ) {
      var thumb_id = 1;
      var thumb_element = $(this).parent().parent().parent().parent().find('.gallery_thumbs_wrapper').find('li').children("a");
      var zoom_element = $('#zoomwrapper').children("a");
      for (i=0; i<thumb_element.length; i++){
          thumb_element.eq(i).addClass('thumb_'+thumb_id);
          zoom_element.eq(i).addClass('zoom_'+thumb_id);
          thumb_id++;                
      } 
      $(this).parent().parent().addClass('thumbs_numbered');
      // Die tatsaechliche Breite (nach Anzahl der Bilder) des Wrapper ermittelt
      var gt_wrapper_count =  $(this).parent().parent().parent().parent().find(".gallery_thumbs_wrapper li").children("a").size();
      // Anzahl mal Bildbreite
      var gt_wrapper_width = gt_wrapper_count * thumbs_link_width;
      // und Breite dem Bilderwrapper zuweisen
      $(this).parent().parent().parent().parent().find(".gallery_thumbs_wrapper").css("width", gt_wrapper_width);
              
    }
    // Aktuell angeklicktes Bild ermitteln, dazu Bild-ID aus dem Klassenstring holen
    // Sonderfall beim ersten Bild ohne vorherigen Klick
    
    if ( $(this).attr('class') == 'selected_img thumb_1' ) {
      var curr_thumb_no = 1;     
    }
    
    else if ($(this).attr('href') == '#optionalCustomIdentifier') {
      var curr_thumb_no = 1;      
    } 

    // Falls gar kein 'selected_img' zugewiesen ist
    else {
      var curr_thumb_no = parseInt($(this).attr('href').substr(1));
    }
    // Die Klasse 'selected_img' wird dem neu angeklickten Thumb zugewiesen
    $(this).parent().parent().find(".selected_img").removeClass('selected_img');  
    $(this).addClass('selected_img');
    // falls die Gallery ausgeblendet ist: einblenden
    if ( $(this).parent().parent().parent().parent().parent().find('#slideshow_wrapper').attr('class') == 'closed' ) {
      $(this).parent().parent().parent().parent().parent().find('#slideshow_wrapper').slideDown();
      $(this).parent().parent().parent().parent().parent().find('#slideshow_wrapper').removeClass('closed');
      $(this).parent().parent().parent().parent().parent().find('.gallery_showhide').children().html(txt_preview_close);
      gallery_status = 1;
    }
    //richtigen  Zoom-Link einblenden
    $(this).parent().parent().parent().parent().parent().find('#zoomwrapper').children().hide();
    $(this).parent().parent().parent().parent().parent().find('#zoomwrapper').children('.zoom_'+curr_thumb_no).show();
    
    // next_pic-Link ausblenden, wenn Ende der Galerie erreicht ist
    var max_img = parseInt($(this).parent().parent().parent().parent().parent().find("#slideshow_wrapper").find(".photo-index").find(".eq").html());
    if (curr_thumb_no >= max_img) {
    $(this).parent().parent().parent().parent().parent().find('.gallery_next_pic').hide();
    }
    else {
    $(this).parent().parent().parent().parent().parent().find('.gallery_next_pic').show();
    $(this).parent().parent().parent().parent().parent().find('.gallery_prev_pic').show();        
    } 

    // prev_pic-Link ausblenden, wenn Anfang der Galerie erreicht ist
    if (curr_thumb_no <= 1) {
    $(this).parent().parent().parent().parent().parent().find('.gallery_prev_pic').hide();
    }
    else {    
    $(this).parent().parent().parent().parent().parent().find('.gallery_prev_pic').show();        
    }     
       

    
    // Vorschauleiste wird gescrollt
    var max_img = parseInt($(this).parent().parent().parent().parent().parent().find("#slideshow_wrapper").find(".photo-index").find(".eq").html());
    if( curr_thumb_no > 1 && curr_thumb_no <= max_img) {
      if ( curr_thumb_no >= (max_img-1) ) {
        margin_left = -((max_img*118)-(118*4));
      } else {
        margin_left = -((curr_thumb_no*118)-(118*2)); 
      }
      // fuer die Zeit des Verschiebens die Buttons mit einem Overlay deaktiveren 
      $(this).parent().parent().parent().parent().append('<div class="dont_click"><img src="/i/lightbox-blank.gif" height="79" width="460" alt="" /></div>');
      // Verschauleiste an neue Position verschieben
      $(this).parent().parent().parent().animate({ marginLeft: margin_left }, 400 , function() {
         $(this).parent().parent().parent().parent().find(".dont_click").remove();
      });
    }
    // Thumbnail-Slider-Navi-Buttons ggf. ein-/ausblenden
    if ( curr_thumb_no <= 2 ) {
      if ( $(this).parent().parent().parent().parent().find('.gt_back').css("display") == 'block' ) { $(this).parent().parent().parent().parent().find('.gt_back').fadeOut(); }
    } else if ( curr_thumb_no >= 3 && max_img > 4 ) {
      if ( $(this).parent().parent().parent().parent().find('.gt_back').css("display") == 'none' ) { $(this).parent().parent().parent().parent().find('.gt_back').fadeIn(); }
    }
    if ( curr_thumb_no >= max_img - 2 ) {
      if ( $(this).parent().parent().parent().parent().find('.gt_next').css("display") == 'block' ) { $(this).parent().parent().parent().parent().find('.gt_next').fadeOut(); }
    } else if ( curr_thumb_no < max_img - 2 ) {
      if ( $(this).parent().parent().parent().parent().find('.gt_next').css("display") == 'none' ) { $(this).parent().parent().parent().parent().find('.gt_next').fadeIn(); }
    }
    // Alle grosen Bilder und Untertitel ausblenden 
    // und nur das aktuelle anzeigen
    $(this).parent().parent().parent().find(".gallery_big").children().hide();
    var new_thumb_no = parseInt(curr_thumb_no) - 1;
    $(this).parent().parent().parent().find(".gallery_big").find('div:eq('+new_thumb_no+')').show();
    // Die Bildnummer (oben in der Mitte) wird mit dem aktuellen Bild befuellt
    $(this).parent().parent().parent().parent().parent().find('#slideshow_wrapper').find('.gallery_navi').find('.curr').html(curr_thumb_no);
  })
})

/**
 *  Name         : next_image
 *  Beschreibung : "Nächstes Bild"-Link über dem großen Vorschaubild
 *  Bibliothek   : JQuery
 */
$(document).ready(function(){
  if ( $('a.gallery_next_pic').parent().attr('class') == 'nav-controls' ) {
    var margin_left = 0;
    // Link "Nächstes Bild"
    $('a.gallery_next_pic').bind("click", function(event){
      event.preventDefault();       
      // Aktuelle Bildnummer
      var curr = parseInt($(this).parent().parent().parent().find(".curr").html());
      var max_img = parseInt($(this).parent().parent().parent().find(".eq").html());     
      // Aktuelle Position des thumbs_wrapper
      var current_margin_left = parseInt($(this).parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').css('margin-left'));
      if( curr < max_img){
        // Die Vorschauleiste wird gescrollt
        if( curr > 1 && curr < (max_img - 2) ) {
          margin_left = -((curr*118)-(118));
          $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').animate({ marginLeft: margin_left }, 400 );
        }
        // Falls der Wrapper verschoben wurde aber die ersten beiden Bilder per Textlink folgen: Wrapper an den Anfang
        if ( current_margin_left < -( 2 * thumbs_link_width ) && curr <= 1 ) {
          $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').animate({ marginLeft: 0 }, 400 );
        }
        // Falls der Wrapper verschoben wurde aber die letzen beiden Bilder per Textlink folgen: Wrapper ans Ende
        else if ( current_margin_left > -( ( max_img - 3 ) * thumbs_link_width ) && curr > (max_img - 3)  ) {
          margin_left = -( max_img * thumbs_link_width ) + ( 4 * thumbs_link_width );
          $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').animate({ marginLeft: margin_left }, 400 );
        }
        // Nächste Bildnummer
        var counter = curr+1;
        // next_pic-Link ausblenden, wenn Ende der Galerie erreicht ist
        if (counter >= max_img) {
        $(this).hide();
        }
        else {
        $(this).show();
        $(this).parent().find('.gallery_prev_pic').show();        
        }        
        // Curr wird mit dem aktuellen Wert befuellt
        $(this).parent().parent().parent().find(".curr").html(counter);
        //richtigen  Zoom-Link einblenden
        $(this).parent().parent().parent().parent().find('#zoomwrapper').children().hide();
        $(this).parent().parent().parent().parent().find('#zoomwrapper').children('.zoom_'+parseInt(counter)).show(); 
        // Alle grosen Bilder und Untertitel ausblenden 
        // und nur das aktuelle anzeigen
        $(this).parent().parent().find('.gallery_big').children().hide();
        $(this).parent().parent().find('.gallery_big').find("div:eq("+curr+")").show();
        // Thumb wechseln
        next_thumb = $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').find(".selected_img").parent().next().find('.thumb'); 
        $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').find(".selected_img").removeClass('selected_img');
        next_thumb.addClass('selected_img');
        // Thumbnail-Slider-Navi-Buttons ggf. ein-/ausblenden
        if ( counter <= 2 ) {
          if ( $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_back').css("display") == 'block' ) { $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_back').fadeOut(); }
        } else if ( counter >= 3 && max_img > 4 ) {
          if ( $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_back').css("display") == 'none' ) { $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_back').fadeIn(); }
        }
        if ( counter >= max_img - 2 ) {
          if ( $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_next').css("display") == 'block' ) { $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_next').fadeOut(); }
        } else if ( counter < max_img - 2 ) {
          if ( $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_next').css("display") == 'none' ) { $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_next').fadeIn(); }
        }
      }
    })
  }
})

/**
 *  Name         : previous_image
 *  Beschreibung : "Vorheriges Bild"-Link über dem großen Vorschaubild
 *  Bibliothek   : JQuery
 */
$(document).ready(function(){  
  if ( $('a.gallery_prev_pic').parent().attr('class') == 'nav-controls' ) {
    $('a.gallery_prev_pic').bind("click", function(event){
      event.preventDefault();
      // Aktuelle Bildnummer
      var curr = parseInt($(this).parent().parent().parent().find(".curr").html());
      var max_img = parseInt($(this).parent().parent().parent().find(".eq").html());
      // Aktuelle Position des thumbs_wrapper
      var current_margin_left = parseInt($(this).parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').css('margin-left'));
      if (curr > 1) {
        // Die Vorschauleiste wird gescrollt
        if (curr > 2 && curr < (max_img - 1) ) {
          margin_left = -((curr*118)-(118*3));
          $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').animate({ marginLeft: margin_left }, 400 );
        }
        // Falls der Wrapper verschoben wurde aber die ersten beiden Bilder per Textlink folgen: Wrapper an den Anfang
        if ( current_margin_left < 0 && curr <= 2 ) {
          $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').animate({ marginLeft: 0 }, 400 );
        }
        // Falls der Wrapper verschoben wurde aber die letzen drei Bilder per Textlink folgen: Wrapper ans Ende
        else if ( current_margin_left > -( ( max_img - 3 ) * thumbs_link_width ) && curr > (max_img - 2)  ) {
          margin_left = -( max_img * thumbs_link_width ) + ( 4 * thumbs_link_width );
          $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').animate({ marginLeft: margin_left }, 400 );
        }
        var counter = curr-1;
        var nextnumber = counter-1;        
        // Curr wird mit dem aktuellen Bild befuellt
        $(this).parent().parent().parent().find(".curr").html(counter);
        //richtigen  Zoom-Link einblenden
        $(this).parent().parent().parent().parent().find('#zoomwrapper').children().hide();
        $(this).parent().parent().parent().parent().find('#zoomwrapper').children('.zoom_'+parseInt(counter)).show();  
        // Alle grosen Bilder und Untertitel ausblenden 
        //und nur das aktuelle anzeigen
        $(this).parent().parent().find('.gallery_big').children().hide();
        $(this).parent().parent().find('.gallery_big').find("div:eq("+nextnumber+")").show();
        // Thumb wechseln
        prev_thumb = $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').find(".selected_img").parent().prev().find('.thumb'); 
        $(this).parent().parent().parent().parent().parent().find('#thumbs').find('.gallery_thumbs_wrapper').find(".selected_img").removeClass('selected_img');
        prev_thumb.addClass('selected_img');
        // Thumbnail-Slider-Navi-Buttons ggf. ein-/ausblenden
        if ( counter <= 2 ) {
          if ( $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_back').css("display") == 'block' ) { $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_back').fadeOut(); }
        } else if ( counter >= 3 && max_img > 4 ) {
          if ( $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_back').css("display") == 'none' ) { $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_back').fadeIn(); }
        }
        if ( counter >= max_img - 2 ) {
          if ( $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_next').css("display") == 'block' ) { $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_next').fadeOut(); }
        } else if ( counter < max_img - 2 ) {
          if ( $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_next').css("display") == 'none' ) { $(this).parent().parent().parent().parent().parent().find('.gallery_thumbs').find('.gt_next').fadeIn(); }
        }
      }
      //next_pic-Link ausblenden, wenn Ende der Galerie erreicht ist      
      if (curr <=2) {      
         $(this).hide();
        }
      else {
        $(this).show();
        $(this).parent().find('.gallery_next_pic').show();  
      }
      
    });
  }
  })

  /**
 *  Name         : next_image
 *  Beschreibung : beim Klick auf das grosse Bild wird durch galleriffic auf das nächste Bild umgeschaltet - jetzt müssen noch der Zähler, das gewählte Thumb usw. nachgezogen werden
 *  Bibliothek   : JQuery
 */
$(document).ready(function(){  
    
    
     $('#slideshow').click(function(){
        //aktuelle Bildnummer ermitteln
        var curr = parseInt($('.curr').text());
        //Anzahl der Bilder dieser Galerie ermitteln
        var max_img = parseInt($('.eq').text());
        //Zaehler nur erhöhen, wenn Ende der Galerie noch nicht erreicht ist
        if (curr >= max_img) {
        $('.curr').html(curr);        
        }
        else {
        $('.curr').html(curr+1);
        }
              
        var counter = curr+1;
        var current_margin_left = parseInt($('#thumbs').find('.gallery_thumbs_wrapper').css('margin-left'));
        //next_pic-Link ausblenden, wenn Ende der Galerie erreicht ist
        if (counter >= max_img) {
        $(this).parent().find('.gallery_next_pic').hide();
        }
        else {
        $(this).parent().find('.gallery_next_pic').show();
        $(this).parent().find('.gallery_prev_pic').show();          
        }        
        
        if( curr < max_img){
        //richtigen  Zoom-Link einblenden
        $(this).parent().find('#zoomwrapper').children().hide();
        $(this).parent().find('#zoomwrapper').children('.zoom_'+parseInt(counter)).show();  
        // Die Vorschauleiste wird gescrollt
        if( curr > 1 && curr < (max_img - 2) ) {
          margin_left = -((curr*118)-(118));
          $('.gallery_thumbs_wrapper').animate({ marginLeft: margin_left }, 400 );
        }
        // Falls der Wrapper verschoben wurde aber die ersten beiden Bilder per Textlink folgen: Wrapper an den Anfang
        if ( current_margin_left < -( 2 * thumbs_link_width ) && curr <= 1 ) {
          $('.gallery_thumbs_wrapper').animate({ marginLeft: 0 }, 400 );
        }
        // Falls der Wrapper verschoben wurde aber die letzen beiden Bilder per Textlink folgen: Wrapper ans Ende
        else if ( current_margin_left > -( ( max_img - 3 ) * thumbs_link_width ) && curr > (max_img - 3)  ) {
          margin_left = -( max_img * thumbs_link_width ) + ( 4 * thumbs_link_width );
          $('#thumbs').find('.gallery_thumbs_wrapper').animate({ marginLeft: margin_left }, 400 );
        }
        
        // Alle grosen Bilder und Untertitel ausblenden 
        // und nur das aktuelle anzeigen
        $(this).parent().parent().find('.gallery_big').children().hide();
        $(this).parent().parent().find('.gallery_big').find("div:eq("+curr+")").show();
        // Thumb wechseln
        next_thumb = $('.gallery_thumbs_wrapper').find(".selected_img").parent().next().find('.thumb'); 
        $('#thumbs').find('.gallery_thumbs_wrapper').find(".selected_img").removeClass('selected_img');
        next_thumb.addClass('selected_img');
        // Thumbnail-Slider-Navi-Buttons ggf. ein-/ausblenden
        if ( counter <= 2 ) {
          if ( $('.gallery_thumbs').find('.gt_back').css("display") == 'block' ) { $('.gallery_thumbs').find('.gt_back').fadeOut(); }
        } else if ( counter >= 3 && max_img > 4 ) {
          if ( $('.gallery_thumbs').find('.gt_back').css("display") == 'none' ) { $('.gallery_thumbs').find('.gt_back').fadeIn(); }
        }
        if ( counter >= max_img - 2 ) {
          if ( $('.gallery_thumbs').find('.gt_next').css("display") == 'block' ) { $('.gallery_thumbs').find('.gt_next').fadeOut(); }
        } else if ( counter < max_img - 2 ) {
          if ( $('.gallery_thumbs').find('.gt_next').css("display") == 'none' ) { $('.gallery_thumbs').find('.gt_next').fadeIn(); }
        }
      }

      });
      }
    )