var startimage = 1;

  function loadthumbs (arr,begin,end,index) {
    for(i=begin; i<=end; i++){
      var imgtag = "<img src=\""+arr["thumb"][i]+"\" width=\"60\" height=\"60\" />";
      jQuery("#volltext .gallerys .gallery").eq(index).find(".thumbs TD").eq(i).html(imgtag);
    }    
  }

  function loadGalleryImage ( gallery , index , gallerynr ) {

    var imgnr = index+1;
    jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs TD').removeClass();
    jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs TD').eq(index).addClass("active");        
    var img = new Image();
    jQuery(img).load(function() {
      if ( jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.image IMG').length == 0 ) {
        jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.image').html("<img src=\""+img.src+"\" width=\""+img.width+"\" height=\""+img.height+"\">");
        jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('P').text(gallery["description"][index]);
        jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.pager SPAN').text(imgnr+"/"+gallery["image"].length);
      } else {
        jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.image IMG').fadeOut(100,function(){
          jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('P').text(gallery["description"][index]);
          jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.image IMG').attr("src",img.src);
          jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.image IMG').attr("width",img.width);
          jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.pager SPAN').text(imgnr+"/"+gallery["image"].length);
          jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.image IMG').attr("height",img.height);
        });
        jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.image IMG').fadeIn(200);
      }
    });
    img.src = gallery["image"][index];
    var scroller = Math.floor ( index / 7 );
    scrollGalleryThumbs ( gallery, scroller, gallerynr );        
  }

  function loadNextGalleryImage(gallery,gallerynr){
    var thumbs = jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs TD');
    var active = jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs TD.active');
    var index = thumbs.index(active)+1;
    if ( index >= thumbs.length ) index = 0;
    loadGalleryImage ( gallery, index, gallerynr );
  }

  function loadPrevGalleryImage(gallery,gallerynr){
    var thumbs = jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs TD');
    var active = jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs TD.active');
    var index = thumbs.index(active)-1;
    if ( index < 0 ) index = thumbs.length-1;
    loadGalleryImage ( gallery, index, gallerynr );
  }

  function scrollGalleryThumbs ( gallery, index, gallerynr ) {
    jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs LI').removeClass();
    jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs LI').eq(index).addClass("active");
    index *= 7;
    var length = jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs TD').length;
    if ( index > length-7 ) index = length-7;
    var firstposition = jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs TD').eq(0).position().left;
    var pos = jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs TD').eq(index).position().left-firstposition;
    if ( pos != jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs .scroller').scrollLeft() ) {
      jQuery('#volltext .gallerys .gallery').eq(gallerynr).find('.thumbs .scroller').animate( { scrollLeft: pos }, 500 );
    }          
    loadthumbs(gallery,index,index+6,gallerynr);
  }

  function initGallery ( thisGallery ) {

    var active = -1;

    if ( window.location.search.length > 1 ) {
      var locationSearch = window.location.search.substring(1);
    } else {
      var locationSearch = 0;
    }

    var gallery = new Object();

    var gallerynr = jQuery("#volltext .gallerys .gallery").index(thisGallery);

    // Arrays für Bilder und Thumbs werden erstellt
    var thumbs = new Array ();
    var images = new Array ();
    var description = new Array ();

    table = "<div class=\"scroller\">";
    table += "<table cellspacing=\"1\" border=\"0\" cellpadding=\"0\">";
    table += "<tr>";

    thisGallery.find('.thumbs LI').each(function() {
      table += "<td><div> </div></td>";
      var content = jQuery(this).html().split(";");

      if ( content[0].indexOf("/"+locationSearch+"_") != -1 ) {
        active = images.length;
      }

      images.push(content[0]);
      thumbs.push(content[1]);
      description.push(content[2]);
      
    });

    table += "</tr>";
    table += "</table>";
    table += "</div>";
    var pages = Math.ceil ( thisGallery.find('.thumbs LI').length / 7 );
    table += "<ul>"
    for(i=1;i<=pages;i++){
      table += "<li>"+i+"</li>"      
    }
    table += "</ul>"
    thisGallery.find('.thumbs').html(table);

    // Die Gallery wird einem übergeordneten Array zugewiesen
    gallery["image"] = images;
    gallery["thumb"] = thumbs;
    gallery["description"] = description;

    // onClick-Befehl für Thumb wird gesetzt
    thisGallery.find('.thumbs TD').click(function(){
      if ( thisGallery.find(".image").css("display") == "none" ) {
        jQuery(".gallery .pager").css("display","none");
        jQuery(".gallery .image").css("display","none");
        jQuery(".gallery .image").html("");
        jQuery(".gallery P").css("display","none");
        jQuery(".scroller TD").removeClass();
        thisGallery.find("P").css("display","block");
        thisGallery.find(".image").css("display","block");
        thisGallery.find(".pager").css("display","block");
      }
      var index = thisGallery.find('.thumbs TD').index(this);
      loadGalleryImage( gallery, index, gallerynr );
    });

    // onClick-Befehl für Pager wird gesetzt
    thisGallery.find('.thumbs LI').click(function(){
      var index = thisGallery.find('.thumbs LI').index(this) ;
      scrollGalleryThumbs( gallery, index , gallerynr );
    });

    // Die ersten Thumbnails werden geladen
    var imgnr = jQuery(".pager SPAN").html();
    imgnr = parseInt(imgnr.split("/")[0]);
    var scroller = Math.floor ( (imgnr-1) / 7 );
    scrollGalleryThumbs ( gallery, scroller, gallerynr );        
    thisGallery.find('.scroller').scrollLeft(0);

    // Weiterbutton wird geändert
    thisGallery.find('.pager A').eq(1).click(function(){
      loadNextGalleryImage(gallery,gallerynr);  
      return false;
    });
    thisGallery.find('A.image').click(function(){
      loadNextGalleryImage(gallery,gallerynr);  
      return false;
    });
    thisGallery.find('.pager A').eq(0).click(function(){
      loadPrevGalleryImage(gallery,gallerynr);  
      return false;
    });             

    thisGallery.find('.thumbs').css("height",106);

    if ( active != -1 ) {
      loadGalleryImage( gallery, active, gallerynr );
      thisGallery.find("P").css("display","block");
      thisGallery.find(".image").css("display","block");
      thisGallery.find(".pager").css("display","block");      
    }

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

    jQuery("#volltext .gallerys .gallery").each(function() {

      initGallery ( jQuery(this) );

    });
  });

  // Einzelne IDs aus HTML-Liste werden zu einer Galerie umgeformt

  function doSomethingWithData(data) {
      alert(data);
  }

  jQuery(document).ready(function(){



    var diashows = new Array();
    jQuery("UL[name='DIASHOWS'] LI").each( function () {
      if ( jQuery.inArray( jQuery(this).html() , diashows ) == -1 ) {
        diashows.push ( jQuery(this).html() );
      }
    });

    jQuery("UL[name='DIASHOWS']").replaceWith("<div class=\"gallerys\"></div>");



    for ( i=0; i<diashows.length; i++ ) {
      diashows[i] = jQuery.trim( diashows[i] );
      var link = "http://admin.recklinghaeuser-zeitung.de/media/ajax_60x60_460x345/cme"+diashows[i]+",1.html?_FRAME=33";
      jQuery("DIV[class='gallerys']").append("<div class=\"gallery\" id=\"gallery"+diashows[i]+"\"></div>");      
      jQuery("#gallery"+diashows[i]).load(link+" .gallery > *", function() {
        initGallery( jQuery(this) );
      });
    }


  });