templatepath = "/wp-content/themes/bagatzky/";

jQuery(document).ready(function(){

    jQuery.ajaxSetup ({
      cache: false
    });

    // Korrektur der Gallerylist
    jQuery('#gallerylist .inside').css('overflow', 'hidden').css('position', 'relative');
    jQuery('#gallerylist .inside .list').css('width', '168px').css('position', 'relative');
    
    function createPagination() {
      scrollheight = jQuery('#gallerylist .inside').height();
      paneheight = jQuery('#gallerylist .inside .list').height();
      pages = Math.ceil(paneheight / scrollheight);
      
      if (pages > 1) {
        pagination = '<a href="#" id="prevpag"><img src="' + templatepath + 'images/laquo.gif" /></a> ';
        for (i = 1; i <= pages; i++) {
          pagination += ' <a href="#" class="number" rel = "' + i + '">' + i + '</a> ';
        }
        pagination += '<a href="#" id="nextpag"><img src="' + templatepath + 'images/raquo.gif" /></a> ';
        jQuery('#pag').html(pagination);
      }
      
      currpag = 1;
      colorizeNumbers ();
      
      startposition = jQuery('#gallerylist .inside .list').offset().top;
      
      jQuery('.number').click(function(){
          currpag = Number(jQuery(this).html());
          scrollContent(); 
          return false;   
      });
      
      jQuery('#prevpag').click( function() {
        if (currpag > 1) {
          currpag--;
          scrollContent();
        }
        return false;
      });
      
      jQuery('#nextpag').click( function() {
        if (currpag < pages) {
          currpag++;
          scrollContent();
        }
        return false;
      });
      
    }
    
    function scrollContent() {
      multiplikator = currpag - 1;
      colorizeNumbers();
      newposition = ((scrollheight * multiplikator) * -1);
      jQuery('#gallerylist .inside .list').animate({top: newposition + "px"}, 1200);
    }
    
    function colorizeNumbers () {
      jQuery('.number').css('color', '#699');
      jQuery('.number[rel=' + currpag + ']').css('color', '#630');
    }
    
    createPagination();
    
    // Beim Klicken einer Galerie
    jQuery('.list .gallery').click(function(){
      jQuery('.list div').addClass('greyed'); // Alle Galerien ausgrauen
      jQuery(this).parent().removeClass('greyed'); // Unsere Galerie zurücksetzen
      loadAjax(this);
      return false;
    });
    
    // Beim Klicken eines Albums
    jQuery('.list .album').click(function(){
      jQuery('.list div').addClass('greyed'); // Alle Alben ausgrauen
      jQuery(this).parent().removeClass('greyed');  // Unsere Galerie zurücksetzen
      ourclass = jQuery(this).parent().attr('class'); // Die Klasse besorgen
      jQuery('.list .' +ourclass).removeClass('greyed');  // Und alle mit der Klasse zurücksetzen
      loadAjax(this);
      return false;
    });
    
    // Beim Klicken von mixed
    jQuery('.root').click(function(){
      jQuery('.list div').removeClass('greyed');  // Unsere Galerie zurücksetzen
      loadAjax(this);
      return false;
    });
    
    function createNavButtons() {
      jQuery('#navprev, #navnext').click(function() {
        loadAjax(this);
        return false;
      });
      
      // Klicken einer Galerie im Imageplain
      jQuery('#imageplain .gallery').click(function() {
        ourclass = jQuery(this).attr('rel');
        jQuery('.list div').addClass('greyed'); // Alle Alben ausgrauen
        jQuery('.list #' + ourclass).removeClass('greyed');  // Unsere Galerie zurücksetzen
        currpag = Math.ceil((jQuery('.list #' + ourclass).position().top + jQuery('.list #' + ourclass).height()) / scrollheight);
        if (currpag < 2) currpag = 1;
        scrollContent();
        loadAjax(this);
        return false;
      });
      
      tb_init('a.thickbox, area.thickbox, input.thickbox');
      
    }
    
    function loadAjax (object) {
      jQuery('#imageplain').load(jQuery(object).attr('href'), "ajax=1", createNavButtons);
      
       jQuery('#imageplain').ajaxSend(function(event,request, settings){
          jQuery('#imageplain').css('visibility', 'hidden');
          jQuery('#preloader').css('visibility', 'visible');
       });
       
       jQuery('#imageplain').ajaxComplete(function(event,request, settings){
          jQuery('#imageplain').css('visibility', 'visible');
          jQuery('#preloader').css('visibility', 'hidden');
      });

    }
    
    createNavButtons();
});